:root{--ink:#16211d;--muted:#728079;--line:#e3e9e5;--paper:#f8faf8;--white:#fff;--teal:#0c6b5d;--teal-dark:#084f46;--mint:#dff3e9;--amber:#e5a84c;--lav:#eeecfb;--coral:#f5e4dc;--shadow:0 18px 50px rgba(24,42,34,.08)}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-size:14px}button,input{font:inherit}button{cursor:pointer;border:0}.hidden{display:none!important}.auth-view{min-height:100vh;background:#f4f8f5;position:relative;overflow:hidden}.auth-view:after{content:'';position:absolute;right:-20vw;bottom:-48vh;width:72vw;height:72vw;border-radius:50%;background:#e4f2e9;pointer-events:none}.auth-brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk';font-size:20px;font-weight:700;letter-spacing:-.04em}.auth-view>.auth-brand{position:absolute;left:7vw;top:42px;z-index:2}.brand-mark,.mini-mark{display:inline-flex;gap:3px;align-items:flex-end}.brand-mark i,.mini-mark span{width:7px;background:var(--teal);border-radius:5px;display:block}.brand-mark i:nth-child(1),.mini-mark span:nth-child(1){height:12px}.brand-mark i:nth-child(2),.mini-mark span:nth-child(2){height:19px}.brand-mark i:nth-child(3),.mini-mark span:nth-child(3){height:26px}.auth-layout{display:grid;grid-template-columns:1.08fr .92fr;min-height:100vh;max-width:1320px;margin:auto;position:relative;z-index:1}.auth-story{padding:27vh 5vw 10vh 13vw}.eyebrow{font-size:11px;color:var(--teal);font-weight:700;letter-spacing:.14em;margin-bottom:24px}.auth-story h1{font:600 clamp(40px,5vw,69px)/1.03 'Space Grotesk';letter-spacing:-.06em;margin:0 0 25px}.auth-story h1 em{color:var(--teal);font-style:normal}.story-copy{font-size:17px;line-height:1.6;color:#64726c;max-width:420px}.story-metrics{display:flex;gap:56px;margin-top:58px}.story-metrics strong{display:block;font:600 30px 'Space Grotesk';letter-spacing:-.05em}.story-metrics span{display:block;color:#81908a;font-size:12px;margin-top:6px}.story-footer{position:absolute;bottom:44px;color:#7e8c86;font-size:12px;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;background:#57b78d;border-radius:50%;box-shadow:0 0 0 4px #d9f0e4}.footer-sep{color:#bdc9c2}.auth-card-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:110px 10vw 50px 2vw}.auth-card{background:#fff;width:min(390px,100%);padding:36px 38px 32px;border:1px solid #e6ece8;border-radius:14px;box-shadow:var(--shadow)}.auth-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.mini-mark{gap:2px}.mini-mark span{width:5px}.secure{font-size:11px;color:#71817a}.lock{font-size:15px;margin-right:4px;color:var(--teal)}.auth-card h2{font:600 30px 'Space Grotesk';letter-spacing:-.05em;margin:0 0 7px}.muted{color:#83908a;margin:0 0 28px}.auth-card form label{display:block;font-size:12px;font-weight:600;color:#425049;margin:18px 0}.auth-card input[type=email],.auth-card input[type=password]{display:block;width:100%;height:46px;border:1px solid #dce5df;border-radius:7px;padding:0 13px;margin-top:8px;outline:0;color:var(--ink);background:#fbfcfb}.auth-card input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #e1f2eb}.inline-link{color:var(--teal);text-decoration:none;font-weight:600;float:right}.check-row{display:flex!important;align-items:center;gap:7px!important;color:#78857e!important;font-weight:400!important;margin:5px 0 22px!important}.check-row input{accent-color:var(--teal);width:14px;height:14px}.primary-btn{width:100%;height:47px;background:var(--teal);color:#fff;border-radius:7px;font-weight:600;display:flex;justify-content:center;gap:15px;align-items:center;transition:.2s}.primary-btn:hover{background:var(--teal-dark)}.primary-btn span{font-size:20px;line-height:0}.auth-divider{height:36px;position:relative;text-align:center;margin:5px 0}.auth-divider:before{content:'';height:1px;background:var(--line);position:absolute;left:0;right:0;top:18px}.auth-divider span{background:#fff;padding:0 12px;position:relative;top:10px;color:#a1ada7;font-size:11px}.sso-btn{width:100%;height:45px;border:1px solid #dce5df;background:#fff;color:#3c4a44;border-radius:7px;font-weight:600}.sso-icon{color:#e17c49;margin-right:7px}.auth-help{text-align:center;font-size:12px;color:#84918b;margin:24px 0 0}.auth-legal{font-size:11px;color:#9aa6a0;margin-top:20px}.auth-legal a{color:#697970;text-decoration:none}.app-view{min-height:100vh;display:flex}.sidebar{width:254px;background:#fff;border-right:1px solid var(--line);padding:28px 16px 18px;display:flex;flex-direction:column;flex-shrink:0}.side-top{display:flex;align-items:center;justify-content:space-between;padding:0 11px 27px}.side-top .auth-brand{font-size:19px}.collapse-btn{background:#f3f7f4;color:#85938b;width:26px;height:26px;border-radius:5px;font-size:20px}.workspace-switcher{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:10px;margin:0 5px 32px}.workspace-avatar{background:#ddf1e7;color:#0d6d5e;width:29px;height:29px;border-radius:7px;display:grid;place-items:center;font-weight:700}.workspace-switcher strong,.workspace-switcher span,.profile strong,.profile span{display:block}.workspace-switcher strong{font-size:12px}.workspace-switcher span{font-size:10px;color:#87938d;margin-top:2px}.workspace-switcher .chevron{margin-left:auto;color:#8a9790;font-size:16px}.nav-label{font-size:10px;color:#9ba6a0;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:0 12px 10px}.nav-label.second{margin-top:30px}.nav-item{display:flex;align-items:center;gap:12px;color:#78857e;text-decoration:none;font-size:13px;padding:11px 12px;border-radius:7px;margin:2px 0}.nav-item:hover{background:#f4f8f5;color:var(--teal)}.nav-item.active{background:#e7f4ed;color:var(--teal);font-weight:600}.nav-icon{font-size:18px;width:18px;text-align:center;line-height:1}.side-bottom{margin-top:auto}.help-card{display:flex;align-items:center;gap:9px;padding:13px 10px;background:#f4f8f5;border-radius:9px;margin:0 2px 16px}.help-icon{width:22px;height:22px;border-radius:50%;border:1px solid #a4cbb6;color:var(--teal);display:grid;place-items:center;font-size:12px}.help-card strong{display:block;font-size:11px}.help-card span{display:block;font-size:10px;color:#89968f;margin-top:3px}.help-arrow{margin-left:auto;background:none;color:var(--teal);font-size:18px}.profile{border-top:1px solid var(--line);padding:17px 6px 0;display:flex;align-items:center;gap:9px}.profile-avatar,.top-avatar{display:grid;place-items:center;background:#f1d7be;color:#845c39;font-weight:700;border-radius:50%}.profile-avatar{width:32px;height:32px;font-size:11px}.profile strong{font-size:11px}.profile span{font-size:10px;color:#89958f;margin-top:2px}.logout{margin-left:auto;color:#99a49f;background:none;font-size:17px;transform:rotate(90deg)}.main{flex:1;min-width:0}.topbar{height:77px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 45px;justify-content:space-between}.breadcrumbs{display:flex;align-items:center;gap:11px;color:#a0aaa4;font-size:12px}.breadcrumbs b{font-weight:400;color:#ccd4cf}.breadcrumbs strong{font-weight:600;color:#293832}.top-actions{display:flex;align-items:center;gap:21px}.icon-btn{font-size:23px;color:#7d8b84;background:none;position:relative}.notif-dot{width:6px;height:6px;background:#e38b64;border-radius:50%;position:absolute;top:1px;right:1px;border:1px solid #fff}.top-avatar{height:31px;width:31px;font-size:10px}.mobile-brand{display:none}.content{padding:43px 46px 60px;max-width:1400px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:33px}.page-heading h1{font:600 31px 'Space Grotesk';letter-spacing:-.05em;margin:0 0 8px}.page-heading p{color:#7b8982;margin:0;font-size:13px}.date-select{background:#fff;border:1px solid var(--line);border-radius:6px;padding:10px 13px;color:#56655d;font-size:12px}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px 23px 20px;min-height:146px;position:relative}.stat-label{font-size:11px;color:#849189;font-weight:600}.stat-number{font:600 30px 'Space Grotesk';letter-spacing:-.06em;margin-top:17px}.stat-number small{font:500 16px 'DM Sans';letter-spacing:0;color:#637269}.stat-meta{color:#7b8b83;font-size:11px;margin-top:5px}.trend{position:absolute;right:21px;bottom:23px;background:#e4f4eb;color:#29805e;border-radius:5px;padding:4px 6px;font-size:10px;font-weight:600}.section-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:17px;margin-top:17px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.panel-title{font:600 15px 'Space Grotesk';letter-spacing:-.03em}.panel-sub{font-size:11px;color:#89958e;margin-top:5px}.view-link{color:var(--teal);text-decoration:none;font-size:11px;font-weight:600}.usage-chart{height:190px;position:relative;border-bottom:1px solid #e6ece8;background:repeating-linear-gradient(to bottom,transparent 0,transparent 46px,#edf1ee 47px)}.chart-labels{display:flex;justify-content:space-between;color:#a0aaa5;font-size:10px;margin-top:10px}.chart-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.chart-fill{fill:url(#chartGradient)}.chart-line{fill:none;stroke:#2f9d78;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.legend{display:flex;gap:18px;margin-top:17px;color:#89958f;font-size:10px}.legend i{width:7px;height:7px;display:inline-block;border-radius:50%;margin-right:6px}.legend .api{background:#2f9d78}.legend .limit{background:#d5ddd8}.service-list{display:flex;flex-direction:column;gap:16px}.service-row{display:flex;align-items:center;gap:11px}.service-symbol{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;font-size:15px}.service-symbol.api{background:#e4f5ed;color:#2d8967}.service-symbol.app{background:#f0ecfc;color:#8376be}.service-info{flex:1}.service-info strong{display:block;font-size:12px}.service-info span{display:block;color:#909b95;font-size:10px;margin-top:3px}.service-status{color:#328563;font-size:10px;background:#e8f5ee;border-radius:4px;padding:4px 6px;font-weight:600}.activity-panel{margin-top:17px}.activity-table{width:100%;border-collapse:collapse}.activity-table th{text-align:left;font-size:10px;color:#9ca7a1;font-weight:500;padding:0 0 11px;border-bottom:1px solid var(--line)}.activity-table td{font-size:11px;padding:14px 0;border-bottom:1px solid #eef2ef;color:#57665e}.activity-table tr:last-child td{border-bottom:0}.method{font-size:9px;font-weight:700;color:#56786a;background:#e9f5ee;border-radius:4px;padding:4px 6px}.code{color:#338963!important;font-weight:600}.page-copy{max-width:660px;color:#74837b;line-height:1.6}.subpage-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:25px;margin-top:24px}.status-banner{display:flex;align-items:center;gap:13px;background:#e6f5ed;border-radius:8px;padding:15px 17px;color:#2d775d;font-size:12px;margin-bottom:22px}.status-banner .status-dot{box-shadow:none}.simple-row{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line)}.simple-row:last-child{border:0}.simple-row strong{font-size:13px}.simple-row span{font-size:12px;color:#77857d}.subpage-actions{display:flex;gap:10px;margin-top:22px}.secondary-btn{height:39px;border:1px solid #dce5df;background:#fff;color:#476056;border-radius:6px;padding:0 14px;font-size:12px;font-weight:600}.secondary-btn.primary{background:var(--teal);color:#fff;border-color:var(--teal)}.toast{position:fixed;bottom:24px;right:26px;background:#193c35;color:#fff;border-radius:7px;padding:12px 16px;font-size:12px;transform:translateY(90px);opacity:0;transition:.25s;z-index:5}.toast.show{transform:none;opacity:1}@media(max-width:920px){.sidebar{width:210px}.content{padding:34px 24px}.topbar{padding:0 24px}.auth-story{padding-left:8vw}.auth-card-wrap{padding-right:6vw}}@media(max-width:720px){.auth-layout{display:block}.auth-story{padding:120px 28px 45px}.auth-story h1{font-size:44px}.story-metrics,.story-footer{display:none}.auth-card-wrap{padding:20px 28px 50px;align-items:stretch}.auth-card{width:100%;padding:28px}.auth-view:after{right:-40vw;bottom:-10vh}.sidebar{display:none}.mobile-brand{display:flex;gap:8px;align-items:center;font:700 18px 'Space Grotesk'}.topbar{height:65px;padding:0 18px}.breadcrumbs{display:none}.content{padding:28px 16px}.page-heading{display:block}.date-select{margin-top:16px}.overview-grid{grid-template-columns:1fr}.section-grid{grid-template-columns:1fr}.activity-table th:nth-child(3),.activity-table td:nth-child(3){display:none}}