:root{color:#1c2820;font-synthesis:none;text-rendering:optimizelegibility;--green:#00c515;--green-dark:#009f11;--green-soft:#e9fbed;--forest-950:#081b10;--forest-900:#0d2717;--forest-800:#153921;--grf-gray:#535354;--ink:#1c2820;--muted:#647168;--line:#dce5df;--surface:#fff;--surface-muted:#f7f9f8;--danger:#c93737;--shadow-sm:0 3px 12px #16311f14;--shadow-lg:0 12px 34px #102e191f;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;background:#f4f7f5;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%}body{background:#f4f7f5;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.68}:focus-visible{outline-offset:2px;outline:3px solid #00c51547}h1,h2,p{margin-top:0}h1,h2,strong{font-family:Segoe UI,system-ui,sans-serif}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--green-dark);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:.75rem;font-weight:700}.login-shell{background:#eef3f0;grid-template-columns:minmax(340px,44%) minmax(0,1fr);min-height:100dvh;display:grid;position:relative;overflow-x:hidden}.login-overlay{z-index:0;pointer-events:none;background:radial-gradient(circle at 13% 18%, #00c51533, transparent 34%), radial-gradient(circle at 82% 80%, #00c5151a, transparent 32%), linear-gradient(145deg, var(--forest-800) 0%, var(--forest-900) 48%, var(--forest-950) 100%);position:absolute;inset:0 56% 0 0;overflow:hidden;box-shadow:inset -1px 0 #ffffff0f}.login-overlay:after{content:"";opacity:.08;background-image:linear-gradient(#ffffff40 1px,#0000 1px),linear-gradient(90deg,#ffffff40 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#000,#0000 72%);mask-image:linear-gradient(135deg,#000,#0000 72%)}.login-brand{z-index:1;color:#fff;flex-direction:column;min-width:0;min-height:100dvh;padding:clamp(28px,5vw,64px);display:flex;position:relative}.login-brand__logo{border-radius:var(--radius-md);background:#fff;border:1px solid #ffffffbf;width:142px;height:auto;padding:8px 11px;display:block;box-shadow:0 8px 28px #0000002e}.login-brand__content{width:100%;max-width:500px;margin-block:auto;padding-block:48px}.login-brand .eyebrow{color:#72e17e}.login-brand h1{color:#fff;letter-spacing:-.045em;max-width:460px;margin-bottom:18px;font-size:clamp(2.35rem,3.8vw,3.55rem);font-weight:740;line-height:1.06}.login-brand__content>p:not(.eyebrow){color:#ffffffb8;max-width:450px;margin-bottom:0;font-size:1rem;line-height:1.65}.security-note{color:#ffffffad;border-top:1px solid #ffffff1f;align-items:center;gap:9px;padding-top:18px;font-size:.82rem;display:flex}.security-note svg{color:#72e17e;flex:none}.login-access{z-index:1;background:radial-gradient(circle at 94% 4%,#00c5150d,#0000 29%),linear-gradient(#f8faf9 0%,#edf2ef 100%);grid-template-rows:auto 1fr auto;min-width:0;padding:28px clamp(28px,5vw,72px) 22px;display:grid;position:relative}.login-access__security{color:var(--grf-gray);justify-content:flex-end;align-items:center;gap:8px;font-size:.84rem;font-weight:650;display:flex}.login-access__security svg{color:var(--green-dark)}.login-panel-wrap{place-items:center;min-width:0;padding-block:32px;display:grid}.login-panel{padding:32px;border-radius:var(--radius-lg);background:#fffffff7;border:1px solid #d6e0d9;width:100%;min-width:0;max-width:430px;padding:34px;box-shadow:0 22px 55px #081f101a,0 3px 10px #081f100d}.login-panel__heading{align-items:center;gap:12px;margin-bottom:6px;display:flex}.login-panel__icon{color:#087a22;border-radius:var(--radius-sm);background:var(--green-soft);flex:none;place-items:center;width:40px;height:40px;display:grid}.login-panel__heading .eyebrow{margin-bottom:4px}.login-panel h2{color:var(--ink);letter-spacing:-.025em;margin-bottom:0;font-size:1.65rem}.form-intro{color:var(--muted);margin:8px 0 24px 52px;font-size:.86rem}.admin-form{gap:16px;display:grid}.field-group{gap:8px;min-width:0;display:grid}.admin-form label{color:#26332a;font-size:.9rem;font-weight:700}.admin-form input{border-radius:var(--radius-sm);width:100%;min-width:0;height:48px;color:var(--ink);background:#fff;border:1px solid #cbd7cf;padding:0 15px;transition:border-color .15s,box-shadow .15s}.admin-form input:hover{border-color:#b8c7bd}.admin-form input:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 4px #00c5151a}.admin-form input::placeholder{color:#9aa49d}.admin-form .button{width:100%;margin-top:2px}.login-footer{text-align:center;color:var(--muted);font-size:.75rem}.button{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:9px;min-height:50px;font-weight:700;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.button:active:not(:disabled){transform:translateY(1px)}.button--primary{color:#062b0a;background:linear-gradient(#00cd16 0%,#00b813 100%);border-color:#00ad12;box-shadow:0 6px 16px #009f112e}.button--primary:hover:not(:disabled){background:linear-gradient(#00c515 0%,#00ad12 100%);box-shadow:0 8px 18px #009f1138}.button--secondary{border-color:var(--line);color:var(--ink);background:#fff}.button--secondary:hover:not(:disabled){background:var(--surface-muted);border-color:#b8c7bd}.button--compact{min-height:42px;padding:0 17px}.logout-button{color:var(--green-dark);background:0 0;border:0;align-items:center;gap:7px;font-weight:700;display:inline-flex}.status-message{border-radius:var(--radius-sm);border:1px solid;padding:12px 14px;font-size:.9rem;line-height:1.45}.status-message--error{color:#802323;background:#fff1f0;border-color:#f0caca}.status-message--info{color:#15512e;background:#edf8f0;border-color:#bfe4c7}.center-state{text-align:center;background:radial-gradient(circle at 82% 20%,#00c5151a,#0000 30%),#f4f7f5;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex;overflow-x:hidden}.center-state svg{color:var(--green-dark)}.center-state h1{color:var(--ink);margin:20px 0 8px;font-size:1.5rem}.center-state p{max-width:590px;color:var(--muted);line-height:1.6}.center-state .button{margin-top:15px}.center-state--error svg{color:#9e4a20}.dashboard-shell{background:radial-gradient(circle at 92% 4%,#00c5150d,#0000 25%),#f2f6f3;min-height:100vh;overflow-x:hidden}.topbar{border-bottom:1px solid var(--line);background:#fffffff5;justify-content:space-between;align-items:center;gap:24px;min-height:78px;padding:12px clamp(24px,5vw,76px);display:flex;box-shadow:0 2px 10px #16311f0a}.topbar__brand,.admin-identity{align-items:center;display:flex}.topbar__brand{gap:13px}.topbar__logo{width:auto;height:44px;display:block}.topbar__brand span,.topbar__brand strong,.admin-identity span,.admin-identity strong{display:block}.topbar__brand span{color:var(--muted);font-size:.75rem}.topbar__brand strong{color:var(--ink);font-size:.95rem}.admin-identity{gap:20px}.admin-identity>div{text-align:right}.admin-identity strong{color:var(--ink);font-size:.82rem}.admin-identity span{color:var(--muted);margin-top:2px;font-size:.75rem}.logout-button{color:#4e5a55;padding:9px 11px}.logout-button:hover:not(:disabled){color:var(--danger)}.dashboard-content{width:min(1240px,100% - 48px);min-width:0;margin:0 auto;padding:40px 0 60px}.dashboard-heading,.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.dashboard-heading{margin-bottom:24px}.dashboard-heading h1{color:var(--ink);letter-spacing:-.055em;margin-bottom:8px;font-size:clamp(2rem,3.5vw,2.8rem);line-height:1}.dashboard-heading>div>p:last-child{color:var(--muted);margin-bottom:0}.dashboard-alert{margin:-14px 0 28px}.hero-metric{border-radius:var(--radius-md);color:#fff;background:radial-gradient(circle at 88% 18%, #00c5153d, transparent 34%), linear-gradient(135deg, var(--forest-800) 0%, var(--forest-900) 54%, var(--forest-950) 100%);border:1px solid #ffffff12;grid-template-columns:1fr auto;align-items:end;gap:40px;padding:clamp(28px,4vw,40px);display:grid;overflow:hidden;box-shadow:0 12px 30px #081f101f}.hero-metric p{color:#ffffffc2;margin-bottom:11px;font-size:.9rem;font-weight:700}.hero-metric>div:first-child>strong{letter-spacing:-.07em;color:#fff;font-size:clamp(3.3rem,8vw,6.7rem);line-height:.95;display:block}.hero-metric>div:first-child>span{color:#ffffffb8;margin-top:16px;font-size:.82rem;display:block}.access-breakdown{border-radius:var(--radius-sm);background:#ffffff1a;border:1px solid #ffffff38;grid-template-columns:repeat(3,minmax(80px,1fr));display:grid;overflow:hidden}.access-breakdown div{border-right:1px solid #ffffff2e;min-width:110px;padding:19px 21px}.access-breakdown div:last-child{border-right:0}.access-breakdown span,.access-breakdown strong{display:block}.access-breakdown span{color:#ffffffb8;font-size:.73rem}.access-breakdown strong{color:#fff;margin-top:7px;font-size:1.35rem}.metrics-band{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:repeat(4,1fr);margin-top:16px;display:grid;overflow:hidden;box-shadow:0 4px 16px #16311f0d}.metric-item{border-right:1px solid var(--line);gap:14px;min-width:0;padding:22px 20px;display:flex}.metric-item:last-child{border-right:0}.metric-item>svg{color:var(--green-dark);flex:none;margin-top:2px}.metric-item span,.metric-item strong,.metric-item small{display:block}.metric-item span{color:var(--muted);font-size:.76rem}.metric-item strong{color:var(--ink);margin-top:7px;font-size:1.8rem;line-height:1}.metric-item small{color:#8c9691;margin-top:5px}.activity-section,.api-key-section{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);margin-top:32px;padding:clamp(22px,3vw,30px);box-shadow:0 4px 16px #16311f0d}.api-key-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.api-key-heading h2{color:var(--ink);letter-spacing:-.035em;margin-bottom:7px;font-size:1.65rem}.api-key-heading>div>p:last-child{color:var(--muted);margin-bottom:0;font-size:.9rem}.api-key-heading>svg{color:var(--green-dark);flex:none}.api-key-section>.status-message{margin-top:20px;margin-bottom:0}.api-key-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;max-width:700px;margin-top:24px;display:grid}.api-key-form input{border-radius:var(--radius-sm);width:100%;min-width:0;height:42px;color:var(--ink);background:#fff;border:1px solid #cbd7cf;padding:0 13px}.api-key-form input:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 4px #00c5151a}.created-api-key{border-radius:var(--radius-md);background:#eff9f1;border:1px solid #a9d9b4;grid-template-columns:minmax(170px,auto) minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:22px;padding:16px;display:grid}.created-api-key strong,.created-api-key span{display:block}.created-api-key strong{color:#125326;font-size:.88rem}.created-api-key span{color:#52705a;margin-top:3px;font-size:.76rem}.created-api-key>code{overflow-wrap:anywhere;color:#173720;min-width:0;font-size:.8rem}.api-key-warning{color:var(--muted);margin:20px 0 0;font-size:.78rem;line-height:1.5}.api-key-warning code,.api-key-item code{color:#31533a;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.api-key-loading,.api-key-empty{border-top:1px solid var(--line);min-height:82px;color:var(--muted);justify-content:center;align-items:center;gap:9px;margin-top:18px;font-size:.86rem;display:flex}.api-key-list{border-top:1px solid var(--line);margin-top:18px}.api-key-item{border-bottom:1px solid var(--line);grid-template-columns:minmax(190px,1fr) minmax(260px,auto) auto;align-items:center;gap:20px;padding:17px 0;display:grid}.api-key-item:last-child{border-bottom:0;padding-bottom:0}.api-key-item>div:first-child strong,.api-key-item>div:first-child code{display:block}.api-key-item>div:first-child strong{color:var(--ink);margin-bottom:5px;font-size:.9rem}.api-key-item>div:first-child code{font-size:.76rem}.api-key-meta{color:var(--muted);justify-content:flex-end;gap:16px;font-size:.73rem;display:flex}.api-key-delete{color:#9b3434;background:0 0;border:0;align-items:center;gap:6px;padding:7px 8px;font-size:.78rem;font-weight:700;display:inline-flex}.api-key-delete:hover:not(:disabled){color:#761f1f;background:#fff1f0}.section-heading{margin-bottom:24px}.section-heading h2{color:var(--ink);letter-spacing:-.035em;margin-bottom:0;font-size:1.65rem}.activity-tools{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.period-filter{border:1px solid var(--line);border-radius:var(--radius-md);background:#f1f5f2;padding:3px;display:inline-flex}.period-filter__button{border-radius:var(--radius-sm);min-height:34px;color:var(--muted);background:0 0;border:0;padding:0 12px;font-size:.78rem;font-weight:700}.period-filter__button:hover:not(:disabled){color:var(--ink)}.period-filter__button--active{color:#0d5f20;background:#fff;box-shadow:0 2px 7px #16311f1a}.session-expiry{color:var(--muted);font-size:.76rem}.chart-loading,.chart-empty{min-height:280px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:10px;display:flex}.chart-wrap{width:100%;min-width:0;overflow:hidden}.chart-legend{color:#53615b;justify-content:flex-end;gap:22px;margin-bottom:6px;font-size:.76rem;display:flex}.chart-legend span{align-items:center;gap:7px;display:flex}.legend-line{background:var(--green);width:20px;height:3px}.legend-line--customers{background:#61776e}.usage-chart{width:100%;min-width:0;height:auto;display:block;overflow:visible}.chart-grid{stroke:#e3e8e4;stroke-width:1px}.chart-axis-label{fill:#77827d;font-family:system-ui,sans-serif;font-size:11px}.chart-area{fill:#00c51514}.chart-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.chart-line--accesses{stroke:var(--green)}.chart-line--customers{stroke:#61776e;stroke-width:2.25px}.chart-point{stroke:#fff;stroke-width:1.5px}.chart-point--accesses{fill:var(--green)}.chart-point--customers{fill:#61776e}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=920px){.login-shell{grid-template-columns:minmax(310px,44%) minmax(0,1fr)}.login-brand{padding:34px}.login-access{padding-inline:28px}.metrics-band{grid-template-columns:repeat(2,1fr)}.metric-item:nth-child(2){border-right:0}.metric-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.hero-metric{grid-template-columns:1fr}}@media (width<=780px){.login-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.login-overlay{height:270px;inset:0 0 auto}.login-brand{min-height:270px;padding:20px 24px 26px}.login-brand__logo{width:112px;padding:5px 7px}.login-brand__content{margin:0;padding:32px 0 0}.login-brand h1{max-width:none;margin-bottom:10px;font-size:2.15rem}.login-brand__content>p:not(.eyebrow){max-width:560px;font-size:.9rem}.security-note{display:none}.login-access{min-height:calc(100dvh - 270px);padding:18px 24px}.login-panel-wrap{padding-block:28px}}@media (width<=620px){.login-overlay{height:238px}.login-brand{min-height:238px;padding:18px 16px 22px}.login-brand h1{font-size:1.85rem}.login-brand__content{padding-top:25px}.login-brand__content>p:not(.eyebrow){display:none}.login-access{min-height:calc(100dvh - 238px);padding:16px}.login-access__security{font-size:.78rem}.login-panel-wrap{align-items:start;padding-block:22px}.login-panel{padding:24px 20px}.login-panel__heading{align-items:flex-start}.form-intro{margin:8px 0 22px}.topbar{align-items:flex-start;padding:14px 18px}.topbar__logo{height:38px}.topbar__brand>div,.admin-identity>div{display:none}.dashboard-content{width:min(100% - 28px,1240px);padding-top:36px}.dashboard-heading,.section-heading{flex-direction:column;align-items:flex-start}.dashboard-heading .button{width:100%}.hero-metric{padding:27px 23px}.access-breakdown{width:100%}.access-breakdown div{min-width:0;padding:15px 12px}.access-breakdown strong{font-size:1.05rem}.metrics-band{grid-template-columns:1fr}.metric-item,.metric-item:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.metric-item:last-child{border-bottom:0}.activity-section,.api-key-section{margin-top:28px;padding-inline:18px}.api-key-form,.created-api-key,.api-key-item{grid-template-columns:1fr}.api-key-form .button,.created-api-key .button{width:100%}.api-key-meta{flex-direction:column;align-items:flex-start;gap:5px}.api-key-delete{justify-self:start}.section-heading{gap:8px}.activity-tools{align-items:flex-start;width:100%}.period-filter{width:100%}.period-filter__button{flex:1;padding-inline:8px}.chart-legend{flex-wrap:wrap;justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}