:root{color-scheme:dark;--bg: #070b10;--surface: #0c1219;--surface-2: #111922;--line: #26313d;--line-soft: #1a242e;--text: #f1f5f7;--muted: #91a0af;--mint: #4ee0ca;--mint-dark: #06221e;--red: #ff756f;--font: "Space Grotesk Variable", system-ui, sans-serif;--display: "Unbounded Variable", system-ui, sans-serif;font-family:var(--font)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:var(--bg)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}.dashboard-shell{min-height:100vh;display:flex;flex-direction:column}.dashboard-topbar{flex:none}.dashboard-topbar .global-nav{margin-left:auto}.account-menu{display:flex;align-items:center;gap:10px}.account-menu>img,.account-menu>span{width:32px;height:32px;border-radius:50%;object-fit:cover;display:grid;place-items:center;color:var(--mint-dark);background:var(--mint);font-weight:800}.account-menu div{display:grid}.account-menu strong{max-width:180px;overflow:hidden;text-overflow:ellipsis;font-size:12px;white-space:nowrap}.account-menu small{max-width:180px;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.icon-button{width:34px;height:34px;padding:0;display:inline-grid;place-items:center;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:6px}.icon-button:hover{color:var(--text);background:var(--surface-2);border-color:var(--line)}.dashboard-main{width:min(1060px,calc(100% - 48px));margin:0 auto;padding:52px 0 80px;flex:1}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.page-heading p{margin:0 0 7px;color:var(--mint);font-size:11px;font-weight:800;text-transform:uppercase}.page-heading h1{margin:0;font-family:var(--display);font-size:28px;font-weight:620;letter-spacing:0}.primary-action{min-height:40px;padding:9px 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#031b17;background:var(--mint);border:1px solid var(--mint);border-radius:6px;font-size:13px;font-weight:800;text-decoration:none}.primary-action:hover{background:#75ead8}.usage-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.usage-strip div{padding:20px 22px;display:grid;gap:3px}.usage-strip div+div{border-left:1px solid var(--line)}.usage-strip span{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.usage-strip strong{font-family:var(--display);font-size:25px;font-weight:600}.usage-strip small{color:#687786;font-size:11px}.billing-strip{min-height:66px;margin:-20px 0 38px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--surface);border:1px solid var(--line-soft);border-radius:7px}.billing-strip div{min-width:0;display:grid;gap:2px}.billing-strip span{color:#687786;font-size:9px;font-weight:800;text-transform:uppercase}.billing-strip strong{font-size:14px;text-transform:capitalize}.billing-strip small{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.billing-strip button,.billing-strip a{padding:7px 9px;color:var(--mint);background:transparent;border:1px solid var(--line);border-radius:5px;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}.billing-strip button:hover,.billing-strip a:hover{background:#0d2925}.notice{min-height:38px;margin:-18px 0 24px;padding:8px 10px;display:flex;align-items:center;gap:8px;color:#bff7ee;background:#0c2422;border:1px solid #1a514b;border-radius:6px;font-size:12px}.notice button{margin-left:auto;padding:4px;display:grid;color:inherit;background:transparent;border:0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-heading h2{margin:0;font-size:14px}.section-heading a{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12px;text-decoration:none}.section-heading a:hover{color:var(--mint)}.project-row{margin-bottom:10px;background:var(--surface);border:1px solid var(--line-soft);border-radius:8px}.project-summary{min-height:72px;padding:14px 16px;display:grid;grid-template-columns:38px minmax(160px,1fr) auto 36px;align-items:center;gap:12px}.project-icon{width:36px;height:36px;display:grid;place-items:center;color:var(--mint);background:#0b2421;border:1px solid #17483f;border-radius:7px}.project-title{min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.project-title strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.project-title small{width:100%;color:#697887;font-size:10px}.status{padding:2px 6px;border-radius:4px;font-size:9px;font-weight:800;text-transform:uppercase}.status.active{color:var(--mint);background:#0d2d28}.status.revoked{color:#f6a3a0;background:#301718}.project-usage{display:flex;gap:18px;color:var(--muted);font-size:11px}.project-menu-wrap{position:relative}.project-menu{position:absolute;right:0;top:38px;z-index:5;width:174px;padding:5px;background:#111922;border:1px solid var(--line);border-radius:7px;box-shadow:0 18px 40px #00000080}.project-menu button{width:100%;padding:8px;display:flex;align-items:center;gap:8px;color:var(--text);background:transparent;border:0;border-radius:4px;font-size:11px;text-align:left}.project-menu button:hover{background:#19242e}.project-menu .danger-text{color:#ff9b97}.project-config{min-height:58px;padding:12px 16px;display:grid;grid-template-columns:minmax(140px,.7fr) minmax(140px,.7fr) minmax(220px,1.4fr) auto;align-items:center;gap:20px;background:#090f15;border-top:1px solid var(--line-soft);border-radius:0 0 7px 7px}.project-config>div{min-width:0;display:grid;gap:5px}.project-config label{color:#667583;font-size:9px;font-weight:800;text-transform:uppercase}.project-config code{overflow:hidden;color:#b9c7d0;font-size:11px;text-overflow:ellipsis}.origins-config span{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.text-action,.inline-actions button{padding:6px 8px;color:var(--mint);background:transparent;border:1px solid transparent;border-radius:5px;font-size:11px;font-weight:700}.text-action:hover,.inline-actions button:hover{background:#0d2925}.inline-key-action{width:max-content;padding:2px 0}.inline-actions{display:flex!important;grid-auto-flow:column;gap:4px!important}.empty-projects{padding:54px 20px;text-align:center;border:1px dashed #33414e;border-radius:8px}.empty-projects svg{color:var(--mint)}.empty-projects h3{margin:12px 0 4px;font-size:16px}.empty-projects p{margin:0 0 18px;color:var(--muted);font-size:13px}.empty-projects button{padding:8px 12px;display:inline-flex;align-items:center;gap:6px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:6px}.dialog-backdrop{position:fixed;inset:0;z-index:30;padding:20px;display:grid;place-items:center;overflow:auto;background:#020508c2;backdrop-filter:blur(5px)}.dialog{position:relative;width:min(460px,100%);padding:24px;background:#0d141c;border:1px solid #2a3743;border-radius:8px;box-shadow:0 28px 80px #000000a6}.dialog-close{position:absolute;top:13px;right:13px}.dialog h2{margin:0 34px 7px 0;font-size:20px}.dialog>p{margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.55}.dialog label{margin-top:15px;display:grid;gap:6px;color:#c1cbd3;font-size:11px;font-weight:700}.dialog-field{margin-top:15px;display:grid;gap:7px}.field-label{color:#c1cbd3;font-size:11px;font-weight:700}.dialog-field>small{color:#687786;font-size:10px}.origin-editor{display:grid;gap:8px}.origin-list{display:grid;gap:6px}.origin-input-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:6px}.origin-input-row input{min-width:0}.origin-remove{border-color:var(--line)}.origin-remove:disabled{cursor:not-allowed;opacity:.32}.origin-editor-meta{display:flex!important;align-items:center;justify-content:space-between;gap:12px!important}.origin-editor-meta small{color:#687786;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.origin-add{padding:5px 7px;display:inline-flex;align-items:center;gap:5px;color:var(--mint);background:transparent;border:0;border-radius:5px;font-size:11px;font-weight:700}.origin-add:hover{background:#0d2925}.origins-config .origin-input-row input{padding:7px 8px;font-size:11px}input,textarea{width:100%;padding:10px 11px;color:var(--text);background:#080d12;border:1px solid var(--line);border-radius:6px;outline:0}input:focus,textarea:focus{border-color:#3f9f91;box-shadow:0 0 0 3px #4ee0ca1a}.dialog textarea{min-height:82px;resize:vertical}.dialog>small{display:block;margin:6px 0 18px;color:#687786;font-size:10px}.dialog>.primary-action{width:100%}.form-error{margin:0 0 12px!important;color:#ff9f9b!important}.confirm-dialog{text-align:center}.confirm-dialog h2{margin:12px 0 7px}.danger-icon,.success-icon{width:42px;height:42px;margin:0 auto;display:grid;place-items:center;border-radius:50%}.danger-icon{color:#ff9b97;background:#311819}.danger-icon.rotate_publishable,.danger-icon.rotate_server{color:#f2ca72;background:#2c2514}.success-icon{color:var(--mint);background:#0d2d28}.dialog-actions{margin-top:22px;display:flex;justify-content:flex-end;gap:8px}.dialog-actions button,.dialog-actions a{min-height:38px;padding:8px 13px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:6px;font-size:12px;font-weight:700;text-decoration:none}.dialog-actions .danger-action{color:#fff;background:#a83b38;border-color:#bd4b47}.dialog-actions .primary-action{color:#031b17;background:var(--mint);border-color:var(--mint)}.key-dialog{width:min(520px,100%)}.key-dialog h2{margin:13px 0 7px;text-align:center}.key-dialog>p{text-align:center}.key-reveal-list{display:grid;gap:12px}.key-reveal-list>div{display:grid;gap:5px}.key-reveal-list label{margin:0;color:#758593;font-size:9px;text-transform:uppercase}.key-reveal{padding:11px;display:grid;grid-template-columns:1fr 34px;align-items:center;gap:8px;background:#080d12;border:1px solid #2c3a45;border-radius:6px}.key-reveal code{overflow-wrap:anywhere;color:#b9f4eb;font-size:12px}.auth-shell{width:100%;min-height:560px;padding:22px 28px 72px;flex:1}.auth-panel{width:min(390px,100%);margin:12vh auto 0;text-align:center}.auth-mark{width:50px;height:50px;margin:0 auto 18px;display:grid;place-items:center;color:var(--mint);background:#0b2421;border:1px solid #17483f;border-radius:8px}.auth-panel h1{margin:0 0 8px;font-family:var(--display);font-size:25px;line-height:1.2;letter-spacing:0}.auth-panel>p{margin:0 auto 24px;color:var(--muted);font-size:13px;line-height:1.6}.google-button{min-height:46px;display:flex;align-items:center;justify-content:center;gap:10px;color:#202124;background:#fff;border:1px solid #d5d9dd;border-radius:6px;font-size:13px;font-weight:700;text-decoration:none}.google-button svg{width:19px;height:19px}.auth-panel>small{display:block;margin-top:14px;color:#61707e;font-size:10px}.auth-panel>small a{color:#8796a4}.auth-error{margin-bottom:14px;padding:9px;color:#ffaaa6;background:#2b1617;border:1px solid #542626;border-radius:6px;font-size:11px}.centered-state{min-height:560px;padding:24px;display:grid;place-content:center;justify-items:center;flex:1;text-align:center}.centered-state svg{color:var(--mint)}.state-spinner{animation:dashboard-spin .8s linear infinite}@keyframes dashboard-spin{to{transform:rotate(360deg)}}.centered-state h1{margin:14px 0 5px;font-size:20px}.centered-state p{margin:0 0 16px;color:var(--muted);font-size:12px}.centered-state button{padding:8px 12px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:6px}@media(max-width:720px){.dashboard-topbar .global-nav{display:none}.dashboard-topbar{padding-inline:14px}.account-menu div{display:none}.dashboard-main{width:min(100% - 28px,600px);padding-top:34px}.page-heading{align-items:center}.page-heading h1{font-size:22px}.usage-strip{grid-template-columns:1fr}.usage-strip div+div{border-left:0;border-top:1px solid var(--line)}.project-summary{grid-template-columns:38px 1fr 36px}.project-usage{grid-column:2;grid-row:2}.project-menu-wrap{grid-column:3;grid-row:1}.project-config{grid-template-columns:1fr;gap:14px}.text-action{justify-self:start}.auth-shell{padding:18px}}