@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg:#0a0f17;--surface:#0a0f17;--surface-container-lowest:#050a10;--surface-container-low:#121820;--surface-container:#172233;--surface-container-high:#1f2a3a;--surface-container-highest:#282f45;--ink:#e8ecf5;--on-surface:#e8ecf5;--muted:#a8b5c0;--on-surface-variant:#a8b5c0;--brand:#48e5ad;--primary:#48e5ad;--on-primary:#001f15;--primary-container:#10b981;--on-primary-container:#001f15;--brand-soft:#48e5ad14;--secondary:#ffc357;--tertiary:#ff9b94;--line:#e8ecf50f;--line-strong:#48e5ad26;--outline-variant:#384c47;--outline:#7a8d85;--shadow-lg:0 20px 60px #00000080;--shadow-md:0 8px 32px #0000004d;--shadow-sm:0 2px 8px #0003;--max:1280px;--radius-lg:24px;--radius-md:14px;--text:var(--on-surface);--text-h:var(--ink);--panel-bg:color-mix(in srgb, var(--surface-container-low) 92%, transparent);--panel-border:var(--line);--panel-border-strong:var(--line-strong);--input-border:var(--outline-variant);--surface-soft:color-mix(in srgb, var(--surface-container) 78%, transparent);--surface-soft-strong:color-mix(in srgb, var(--surface-container-high) 90%, transparent);--surface-input:color-mix(in srgb, var(--surface-container-lowest) 90%, var(--surface-container-low));--accent-strong:var(--brand);--topbar-bg:color-mix(in srgb, var(--surface-container-low) 90%, transparent);--topbar-border:var(--line-strong);--shadow-soft:var(--shadow-md);--bg-grad-1:#48e5ad1f;--bg-grad-2:#ffc3571a;--bg-grad-3:#ff9b9414;--grid-line:#e8ecf509;--grid-line-alt:#48e5ad0b;--sans:"Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;font:14.5px/1.4 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 12% 0%, var(--bg-grad-1), transparent 32%), radial-gradient(circle at 95% 8%, var(--bg-grad-2), transparent 28%), radial-gradient(circle at 82% 76%, var(--bg-grad-3), transparent 34%), linear-gradient(165deg, var(--surface-container-lowest) 0%, var(--bg) 45%, var(--surface) 100%);background-attachment:fixed;margin:0}body:before{content:"";background-image:linear-gradient(var(--grid-line-alt) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);opacity:.22;pointer-events:none;background-size:38px 38px;position:fixed;inset:0}body:after{content:"";pointer-events:none;background:linear-gradient(#050a100f,#050a106b),radial-gradient(circle at 50% 0,#e8ecf50a,#0000 48%);position:fixed;inset:0}#root{min-height:100vh}h1,h2,p{margin:0}h1,h2{color:var(--text-h)}h3{color:var(--text-h);margin:0}h1{letter-spacing:0;font-size:clamp(1.18rem,1.95vw,1.5rem)}h2{margin-bottom:.45rem;font-size:clamp(1rem,1.6vw,1.2rem)}pre,code{font-family:var(--mono)}.shell{width:min(var(--max), 98vw);z-index:1;flex-direction:column;gap:.75rem;min-height:100vh;margin:0 auto;padding:.85rem 0 1.2rem;display:flex;position:relative}.topbar{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--line-strong) 76%, var(--line));background:linear-gradient(180deg, #e8ecf50e, #e8ecf504 46%, transparent), linear-gradient(135deg, #48e5ad14, transparent 34%), color-mix(in srgb, var(--surface-container-low) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;justify-content:space-between;align-items:center;gap:.85rem;padding:.72rem .82rem;display:flex;position:sticky;top:.65rem;box-shadow:0 22px 70px #0000006b,inset 0 1px #e8ecf514}.topbar:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#0000,#48e5ad6b,#ffc3573d,#0000);height:1px;position:absolute;inset:.08rem .08rem auto}.brand-wrap{align-items:center;gap:.72rem;min-width:250px;display:flex}.brand-logo{border:1px solid var(--line-strong);background:linear-gradient(145deg, #48e5ad29, #ffc35714), var(--surface-container-lowest);width:48px;height:48px;box-shadow:0 0 0 4px #48e5ad0b, inset 0 0 0 1px #e8ecf50a, var(--shadow-sm);border-radius:1rem;padding:.2rem}.brand-copy{gap:.06rem;min-width:0;display:grid}.brand-eyebrow{color:var(--brand);letter-spacing:.08em;text-transform:uppercase;font-size:.64rem;font-weight:700;line-height:1}.brand{color:var(--ink);margin:0;font-size:clamp(1.02rem,1.65vw,1.24rem);font-weight:700}.topbar .subtitle{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:28ch;font-size:.74rem;overflow:hidden}.subtitle{color:var(--muted);margin-top:.14rem}.topbar-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:.42rem;display:flex}.header-chip{border:1px solid color-mix(in srgb, var(--line-strong) 70%, var(--line));background:linear-gradient(180deg, #e8ecf50a, transparent), color-mix(in srgb, var(--surface-container-high) 72%, transparent);color:var(--ink);letter-spacing:.01em;border-radius:999px;align-items:center;gap:.32rem;min-height:2rem;padding:.24rem .56rem;font-size:.66rem;display:inline-flex;box-shadow:inset 0 1px #e8ecf50d}.header-chip-icon{width:.9rem;height:.9rem;color:var(--brand)}.topbar .button-muted{background:linear-gradient(180deg, #e8ecf50d, transparent), var(--surface-container);color:var(--ink);border-color:var(--line-strong)}.topbar .button-muted:hover:not(:disabled){background:var(--surface-container-high)}.topbar-logout{min-height:2rem;color:var(--tertiary);background:linear-gradient(#ff9b941a,#0000),#ff9b940f;border-color:#ff9b945c;padding-inline:.72rem;font-weight:700;box-shadow:0 10px 24px #ff9b9414,inset 0 1px #ffffff14}.topbar-logout:hover:not(:disabled){border-color:var(--tertiary);background:linear-gradient(180deg, #ffffff1f, transparent 48%), var(--tertiary);color:var(--on-primary);box-shadow:0 14px 30px #ff9b942e,0 0 0 3px #ff9b941a}.tabs{border:1px solid var(--line);background:#050a1042;border-radius:999px;flex-wrap:wrap;gap:.28rem;margin-top:0;padding:.24rem;display:flex;box-shadow:inset 0 1px #e8ecf509}.topbar-nav{flex:1;justify-content:center;min-width:0}.tab{min-height:2rem;color:var(--text-h);border:1px solid #0000;border-radius:999px;align-items:center;gap:.45rem;padding:.34rem .68rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:background-color .18s,border-color .18s,transform .18s,color .18s;display:inline-flex}.tab:visited{color:var(--text-h)}.tab:hover{border-color:var(--line-strong);color:var(--text-h);background:#e8ecf50b}.tab-active{background:linear-gradient(180deg, #ffffff29, transparent 46%), linear-gradient(135deg, var(--primary), var(--primary-container));color:var(--on-primary);border-color:var(--primary);box-shadow:0 14px 30px #48e5ad2b,inset 0 1px #ffffff47}.tab-active:visited,.tab-active:hover,.tab-active:focus-visible{color:var(--on-primary)}.tab-active:hover,.tab-active:focus-visible{background:linear-gradient(180deg, #ffffff3d, transparent 48%), linear-gradient(135deg, #5ff0bb, var(--primary));filter:none;border-color:#8bf7d0;box-shadow:0 16px 34px #48e5ad3d,0 0 0 3px #48e5ad1a,inset 0 1px #ffffff5c}.tab-icon{width:.95rem;height:.95rem}.content{flex:1 0 auto;gap:.75rem;margin-top:0;display:grid}.card{border:1px solid var(--panel-border);border-radius:var(--radius-md);background:linear-gradient(180deg, #e8ecf506, transparent 44%), var(--panel-bg);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.9rem;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:color-mix(in srgb, var(--line-strong) 70%, var(--line))}.stack-gap{gap:.75rem;display:grid}.page-narrow{width:100%}.keys-page,.pricing-page{align-content:start}.keys-overview-card{border-color:var(--line-strong);background:linear-gradient(135deg, #48e5ad1c, transparent 38%), linear-gradient(225deg, #ffc35714, transparent 34%), var(--surface-container-low);grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);align-items:center;gap:1rem;display:grid}.keys-overview-copy{gap:.36rem;min-width:0;display:grid}.keys-overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.keys-overview-metrics article{border:1px solid var(--line);border-radius:var(--radius-md);background:#050a1042;min-width:0;padding:.68rem}.keys-overview-metrics span,.key-limit-chip span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.22rem;font-size:.66rem;font-weight:700;display:block}.keys-overview-metrics strong,.key-limit-chip strong{color:var(--ink);text-transform:capitalize;font-size:1.05rem;line-height:1.1;display:block}.keys-create-card,.pricing-hero,.pricing-actions-card{width:100%}.keys-create-card,.pricing-actions-card{justify-self:stretch}.pricing-hero{text-align:center;justify-self:stretch}.pricing-hero .title-with-icon{justify-self:center}.keys-card-head{justify-content:space-between;align-items:flex-start;gap:.85rem;margin-bottom:.75rem;display:flex}.key-limit-chip{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--brand-soft);text-align:right;flex:none;min-width:118px;padding:.55rem .68rem}.key-limit-chip-warning{background:#ffc35714;border-color:#ffc35752}.key-limit-chip-warning strong{color:var(--secondary)}.key-create-form{grid-template-columns:minmax(260px,1fr) auto;align-items:end;max-width:none}.key-create-form .error-banner{grid-column:1/-1}.key-create-submit{white-space:nowrap;min-width:150px}.billing-toggle{border:1px solid var(--line);background:#050a1042;border-radius:999px;grid-template-columns:1fr 1fr;justify-self:center;gap:.25rem;padding:.25rem;display:inline-grid;box-shadow:inset 0 1px #e8ecf509}.billing-toggle-btn{min-height:2rem;color:var(--muted);box-shadow:none;background:0 0;border:1px solid #0000;border-radius:999px;padding:.34rem .82rem}.billing-toggle-btn:hover:not(:disabled){box-shadow:none;filter:none;background:#e8ecf50b;transform:none}.billing-toggle-btn-active,.billing-toggle-btn-active:hover:not(:disabled){border-color:var(--primary);background:linear-gradient(180deg, #ffffff29, transparent 46%), linear-gradient(135deg, var(--primary), var(--primary-container));color:var(--on-primary);box-shadow:0 12px 26px #48e5ad26}.auth-shell{z-index:1;background:radial-gradient(circle at top left, #48e5ad29, transparent 28%), radial-gradient(circle at bottom right, #6190ff24, transparent 24%), var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;padding:2rem 1.25rem;display:flex;position:relative}.auth-card{-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);background:#0f172af0;border:1px solid #ffffff14;border-radius:1.75rem;gap:1.35rem;width:min(760px,100%);padding:2rem;display:grid;box-shadow:0 42px 110px #0c112042}.auth-header{border-bottom:1px solid #ffffff14;gap:.65rem;padding-bottom:.65rem;display:grid}.auth-title-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.title-with-icon{align-items:center;gap:.7rem;margin:0;font-size:clamp(1.7rem,2.2vw,2.15rem);line-height:1.05;display:inline-flex}.title-icon{width:1.85rem;height:1.85rem;color:var(--brand);fill:currentColor}.auth-pill{color:var(--brand);letter-spacing:.02em;background:#48e5ad29;border-radius:999px;justify-content:center;align-items:center;padding:.4rem .85rem;font-size:.82rem;font-weight:700;display:inline-flex}.auth-brand{align-items:center;gap:.7rem;display:inline-flex}.auth-logo{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:1rem;width:50px;height:50px;padding:.2rem}.auth-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-strong);font-size:.76rem;font-weight:700}.auth-note{color:var(--muted);margin:0;line-height:1.7}.auth-progress{color:var(--brand);margin:0;font-size:.92rem;font-weight:700}.auth-form-panel{gap:1rem;display:grid}.auth-form{background:#ffffff0f;border:none;border-radius:1.4rem;padding:1.35rem;box-shadow:inset 0 1px #ffffff0d}.auth-primary{width:100%;padding:.95rem 1rem;font-size:1rem}.form-grid{gap:.85rem;display:grid}.compact-form{max-width:520px}@media (width<=880px){.auth-card{width:100%;padding:1.5rem}.auth-form-panel{padding:1rem}}label{color:var(--text-h);gap:.34rem;font-size:.91rem;font-weight:600;display:grid}input,select,button{font:inherit}input,select{min-height:2.9rem;color:var(--text-h);background:#ffffff0f;border:1px solid #ffffff24;border-radius:1rem;padding:.78rem .95rem;transition:border-color .18s,box-shadow .18s,background-color .18s}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}input:hover,select:hover{border-color:#ffffff42}input::placeholder{color:var(--muted);opacity:.8}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{border-color:#48e5ad80;outline:none;box-shadow:0 0 0 3px #48e5ad2e}button{background:linear-gradient(135deg, var(--primary), var(--primary-container));min-height:3rem;color:var(--on-primary);letter-spacing:.01em;cursor:pointer;border:none;border-radius:1rem;padding:.85rem 1rem;font-weight:700;transition:transform .15s,filter .15s,box-shadow .15s;box-shadow:0 16px 34px #48e5ad2e}button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 16px 34px #48e5ad29}button:disabled{opacity:.62;cursor:not-allowed}.button-muted{color:var(--text-h);background:#ffffff14;border:1px solid #ffffff29;box-shadow:inset 0 1px #ffffff0f}.button-muted:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff4d}.button-link{color:var(--accent-strong);box-shadow:none;background:0 0;border:none;padding:0;text-decoration:underline}.button-with-icon{justify-content:center;align-items:center;gap:.38rem;display:inline-flex}.danger{color:var(--tertiary)}.mini-title{color:var(--muted);margin:0;font-size:.94rem}.settings-controls-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem;display:grid}.settings-links{flex-wrap:wrap;gap:.55rem;display:flex}.inline-link{color:var(--accent-strong)}.field-error{color:var(--tertiary);font-size:.82rem}.success-banner,.warning-banner,.error-banner{border-radius:var(--radius-md);border:1px solid #0000;padding:.68rem .78rem}.success-banner{color:var(--brand);background:var(--brand-soft);border-color:var(--line-strong)}.warning-banner{color:var(--secondary);background:#ffc35714;border-color:#ffc3573d}.error-banner{color:var(--tertiary);background:#ff9b9414;border-color:#ff9b943d}.info-banner{color:var(--ink);background:var(--surface-container);border:1px solid var(--line-strong);border-radius:var(--radius-md);padding:.68rem .78rem}.state-card{gap:.55rem}.title-with-icon{align-items:center;gap:.45rem;margin:0;line-height:1.15;display:inline-flex}.title-icon{width:1.05rem;height:1.05rem;color:var(--brand)}.meta-row{align-items:center;gap:.36rem;display:inline-flex}.meta-icon{flex:none;width:.9rem;height:.9rem}.trial-title{font-size:1rem}.trial-card{border-radius:var(--radius-md);background:#ffc35714;border:1px solid #ffc35752;gap:.4rem;padding:.9rem;display:grid}.trial-card h3{margin:0}.trial-help{color:var(--secondary);font-size:.91rem}.trial-extension-example{color:var(--secondary);border-top:1px dashed var(--line-strong);padding-top:.5rem;font-size:.88rem}.dashboard-shell{gap:.85rem;display:grid}.dashboard-trial{background:linear-gradient(135deg, #ffc3571f, transparent 42%), var(--surface-container-low);border-color:#ffc35752;grid-template-columns:minmax(0,1fr) 190px;gap:1rem;display:grid}.dashboard-metrics{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem;margin-top:.7rem;display:grid}.dashboard-metrics p{color:var(--ink);background:#050a1038;border:1px solid #ffc35729;border-radius:.85rem;margin:0;padding:.55rem .62rem;font-size:.86rem;font-weight:700}.dashboard-metrics p span{letter-spacing:.08em;color:var(--secondary);margin-bottom:.22rem;font-size:.65rem;display:block}.dashboard-trial-actions{align-content:start;gap:.34rem;min-width:0;display:grid}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,.95fr);gap:.85rem;display:grid}.dashboard-profile{background:var(--surface-container-low);border-color:var(--line-strong);gap:.85rem;padding:1rem;display:grid}.dashboard-profile .title-with-icon,.dashboard-profile p,.dashboard-profile h3{color:var(--ink)}.dashboard-profile-identity{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-container);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.85rem;display:flex}.dashboard-profile-avatar{background:var(--primary);border:1px solid var(--primary);width:52px;height:52px;color:var(--on-primary);letter-spacing:.04em;border-radius:999px;flex-shrink:0;place-items:center;font-size:.9rem;font-weight:700;display:grid}.dashboard-profile-main{flex:1;min-width:0}.dashboard-profile-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.66rem}.dashboard-profile-value{color:var(--ink);margin:.2rem 0 0;font-size:.96rem;font-weight:700;line-height:1.3}.dashboard-profile-action{white-space:nowrap;color:var(--brand);border:1px solid var(--line-strong);background:var(--brand-soft);border-radius:999px;margin-left:auto;padding:.3rem .58rem;font-size:.8rem;text-decoration:none}.dashboard-profile-action:hover{border-color:var(--primary);background:#48e5ad1f}.dashboard-profile-meta{grid-template-columns:minmax(0,1fr);gap:.55rem;display:grid}.dashboard-profile-meta-item{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-container);min-width:0;padding:.62rem .68rem}.dashboard-profile-code{font-family:var(--mono);color:var(--ink);overflow-wrap:anywhere;background:var(--surface-container-lowest);border:1px solid var(--line);border-radius:.72rem;margin:.2rem 0 0;padding:.34rem .44rem;font-size:.8rem}.dashboard-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.dashboard-profile .stat-card{background:var(--surface-container);border-color:var(--line);gap:.38rem;padding:.8rem}.dashboard-side{gap:.85rem;display:grid}.dashboard-section-head{justify-content:space-between;align-items:center;gap:.55rem;display:flex}.dashboard-chip{border:1px solid var(--line-strong);background:var(--brand-soft);color:var(--brand);letter-spacing:.07em;border-radius:999px;padding:.25rem .62rem;font-size:.68rem;font-weight:700}.dashboard-dot{color:var(--brand);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;font-size:.72rem;font-weight:700}.dashboard-utilization,.dashboard-status{gap:.58rem;display:grid}.dashboard-utilization h3,.dashboard-status h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.85rem}.utilization-ring{--progress:0%;text-align:center;background:radial-gradient(circle at center, var(--panel-bg) 54%, transparent 55%), conic-gradient(var(--brand) var(--progress), var(--surface-container-highest) var(--progress));width:124px;height:124px;box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:50%;place-items:center;margin:0 auto;display:grid}.utilization-ring strong{color:var(--text-h);font-size:1.15rem;display:block}.utilization-ring span{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-top:.15rem;font-size:.63rem;display:block}.dashboard-workspace{background:var(--surface-container-low);border-color:var(--line)}.dashboard-workspace h2{color:var(--ink);margin-bottom:.2rem}.dashboard-workspace-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.dashboard-work-card{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-container);gap:.42rem;padding:.8rem;transition:transform .18s,border-color .18s;display:grid}.dashboard-work-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.dashboard-work-card h3{color:var(--ink);margin:0}.dashboard-work-card p{color:var(--muted);margin:0;font-size:.82rem}.dashboard-work-card .inline-link{color:var(--brand);font-weight:700;text-decoration:none}a.button-with-icon,a.button-muted{text-decoration:none}a.button-with-icon{border:1px solid var(--primary);background:var(--primary);color:var(--on-primary);border-radius:.72rem;padding:.44rem .82rem;font-weight:600}a.button-muted{border-radius:.72rem;padding:.44rem .82rem}.upgrade-strip{border-style:dashed;border-width:1px}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.pricing-card{align-content:start;gap:.62rem;min-height:220px;padding:1rem;display:grid}.pricing-card-recommended{border-color:var(--line-strong);background:linear-gradient(145deg, #48e5ad1c, transparent 48%), var(--surface-container-low);box-shadow:0 26px 40px -30px #48e5ad38,0 10px 20px -12px #48e5ad1a}.pricing-plan-name{color:var(--text-h);margin:0;font-size:1rem;font-weight:700}.pricing-subtitle{color:var(--muted);margin:0}.pricing-price{color:var(--accent-strong);margin:0;font-size:1.55rem;font-weight:700}.pricing-price span{color:var(--muted);font-size:.78rem;font-weight:600}.pricing-billing-note,.pricing-description{color:var(--muted);margin:0;font-size:.82rem}.pricing-description{color:var(--ink);font-weight:600}.pricing-feature-list{gap:.4rem;margin:0;padding-left:0;list-style:none;display:grid}.pricing-feature-list li{color:var(--on-surface-variant);padding-left:1.1rem;position:relative}.pricing-feature-list li:before{content:"";background:var(--brand);width:.38rem;height:.38rem;box-shadow:0 0 0 3px var(--brand-soft);border-radius:999px;position:absolute;top:.55em;left:0}.entitlement-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.7rem;display:grid}.stat-card{border:1px solid var(--panel-border);border-radius:var(--radius-md);background:linear-gradient(180deg, #e8ecf506, transparent), var(--surface-soft);gap:.3rem;padding:.8rem;transition:transform .18s,border-color .18s;display:grid}.stat-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.stat-card h3{margin:0;font-size:.92rem}.stat-title{align-items:center;gap:.33rem;display:inline-flex}.issued-key{border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:linear-gradient(135deg, #48e5ad1a, transparent 40%), var(--surface-container-lowest);gap:.56rem;margin-top:.8rem;padding:.9rem;display:grid}.issued-key h3{margin:0;font-size:.96rem}.issued-key-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.issued-key code{overflow-wrap:anywhere;display:inline-block}.issued-key-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.issued-key-row code{border:1px solid var(--line);background:var(--surface-container-lowest);color:var(--brand);border-radius:.8rem;flex:420px;padding:.56rem .68rem;line-height:1.45}.table-wrap{border:1px solid var(--panel-border);border-radius:var(--radius-md);background:var(--surface-container-lowest);max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%}caption{text-align:left;color:var(--muted);margin-bottom:.45rem;padding:.78rem .9rem 0;font-weight:700}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--panel-border);padding:.78rem .9rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:var(--surface-container-low);font-size:.82rem;font-weight:700}tr:nth-child(2n) td{background:#e8ecf505}tbody tr{transition:background-color .16s}tbody tr:hover td{background:var(--brand-soft)}.table-actions{flex-wrap:wrap;gap:.4rem;display:flex}.action-link{border:1px solid var(--line);background:var(--surface-container);color:var(--accent-strong);cursor:pointer;min-height:2rem;box-shadow:none;border-radius:999px;align-items:center;gap:.28rem;padding:.34rem .68rem;line-height:1.1;text-decoration:none;display:inline-flex}.action-link:hover{background:var(--surface-container-high);border-color:var(--line-strong)}.key-status,.key-count-pill{border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;min-height:1.55rem;padding:.18rem .52rem;font-size:.76rem;font-weight:700;line-height:1;display:inline-flex}.key-status{color:var(--brand);background:var(--brand-soft);border-color:var(--line-strong);text-transform:capitalize}.key-status-revoked{color:var(--tertiary);background:#ff9b9414;border-color:#ff9b943d}.key-count-pill{min-width:2rem;color:var(--ink);background:var(--surface-container)}.table-muted{color:var(--muted);font-size:.82rem}.danger-zone{background:linear-gradient(145deg, #ff9b941a, transparent 46%), var(--surface-container-low);border-color:#ff9b9447}.danger-heading{color:var(--tertiary)}.danger-block{gap:.6rem;display:grid}.checkbox-row{color:var(--on-surface-variant);align-items:flex-start;gap:.5rem;font-weight:500;display:flex}.checkbox-row input{margin-top:.2rem}.danger-button{border-color:var(--tertiary);background:var(--tertiary);color:var(--on-primary)}.skeleton-line{background:linear-gradient(90deg, var(--surface-container) 0%, var(--surface-container-high) 50%, var(--surface-container) 100%);background-size:180% 100%;border-radius:999px;height:.95rem;animation:1.25s ease-in-out infinite pulse}.skeleton-line-compact{width:min(260px,100%);margin-top:.15rem}@keyframes pulse{0%{background-position:100% 0}to{background-position:-100% 0}}.dialog-overlay{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle,#48e5ad14,#0000 36%),#050a10c7;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog-card{border-radius:var(--radius-lg);border:1px solid var(--line-strong);background:linear-gradient(180deg, #e8ecf508, transparent 48%), var(--surface-container-low);width:min(560px,100%);box-shadow:var(--shadow-soft);gap:.75rem;padding:1.05rem;display:grid}.dialog-actions{justify-content:flex-end;gap:.55rem;display:flex}.toast-stack{z-index:40;gap:.55rem;display:grid;position:fixed;bottom:.95rem;right:.95rem}.toast{border-radius:var(--radius-md);color:var(--on-primary);box-shadow:var(--shadow-md);border:1px solid #e8ecf514;padding:.7rem .88rem}.toast-success{background:var(--primary)}.toast-error{background:var(--tertiary);color:var(--on-primary)}.toast-info{background:var(--surface-container-highest);color:var(--ink)}.app-footer{border:1px solid color-mix(in srgb, var(--line-strong) 52%, var(--line));border-radius:var(--radius-lg);background:linear-gradient(180deg, #e8ecf50a, transparent 42%), linear-gradient(110deg, #48e5ad0f, transparent 38%), var(--surface-container-low);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;width:min(980px,100%);margin-top:auto;padding:.82rem .9rem;display:grid;box-shadow:0 16px 44px #00000042,inset 0 1px #e8ecf50e}.app-footer-brand-wrap{align-items:center;gap:.62rem;min-width:220px;display:flex}.app-footer-mark{border:1px solid var(--line-strong);background:var(--surface-container-lowest);border-radius:.78rem;width:36px;height:36px;padding:.16rem;box-shadow:0 0 0 4px #48e5ad09}.app-footer-brand{color:var(--ink);font-size:.92rem;font-weight:700;line-height:1.1}.app-footer-tag{color:var(--muted);margin-top:.12rem;font-size:.7rem;display:block}.app-footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.38rem;display:flex}.app-footer-link{border:1px solid #0000;border-radius:999px;align-items:center;min-height:1.85rem;padding:.28rem .58rem;font-size:.79rem;line-height:1;transition:color .16s,border-color .16s,background-color .16s;display:inline-flex}.app-footer-help-link{color:var(--brand);border-color:var(--line-strong);background:var(--brand-soft);font-weight:600;text-decoration:none}.app-footer-help-link:hover{color:var(--brand);border-color:var(--primary);background:#48e5ad1f;text-decoration:none}.app-footer-muted-link{color:var(--muted);border-color:var(--line);background:#e8ecf505}.app-footer-copy{color:var(--muted);white-space:nowrap;justify-self:end;margin:0;font-size:.76rem}@media (width<=900px){.shell{width:min(100% - 1rem, var(--max))}.topbar{flex-direction:column;align-items:flex-start;position:relative;top:auto}.brand-wrap{width:100%;min-width:0}.topbar-nav{border-radius:var(--radius-md);justify-content:flex-start;width:100%}.topbar-actions{justify-content:flex-start;width:100%}.dashboard-grid,.dashboard-trial{grid-template-columns:1fr}.dashboard-trial-actions{grid-template-columns:1fr 1fr;display:grid}.dashboard-workspace-grid,.keys-overview-card{grid-template-columns:1fr}.keys-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.page-narrow,.keys-create-card,.pricing-hero,.pricing-actions-card{width:100%}.app-footer{grid-template-columns:1fr;justify-items:start;gap:.72rem;margin-top:auto}.app-footer-links{justify-content:flex-start}.app-footer-copy{justify-self:start}}@media (width<=720px){.shell{width:min(100% - .8rem, var(--max));padding-top:.55rem}.header-chip{display:none}.brand-logo{width:44px;height:44px}.topbar-actions{grid-template-columns:1fr;display:grid}.topbar-logout{width:100%}.tab{flex:calc(50% - .3rem);justify-content:center;min-height:2.4rem}.app-footer-brand-wrap{min-width:0}.app-footer-links{gap:.32rem}.app-footer-link{padding-inline:.5rem;font-size:.76rem}.table-actions{flex-direction:column;align-items:flex-start}.dialog-actions{flex-direction:column-reverse}.dashboard-profile-grid{grid-template-columns:1fr}.dashboard-profile{gap:.62rem;padding:.78rem}.dashboard-profile-identity{padding:.72rem}.dashboard-profile-action{margin-left:0}.dashboard-profile-meta{grid-template-columns:1fr}.keys-card-head{flex-direction:column;align-items:stretch}.key-limit-chip{text-align:left}.key-create-form,.keys-overview-metrics{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr;overflow-x:visible}.pricing-hero{text-align:left}.pricing-hero .title-with-icon,.billing-toggle{justify-self:start}.auth-card{padding:.95rem}.auth-form{padding:.8rem}.card{padding:.78rem}th,td{padding:.68rem .72rem}}