:root{--color-paper: oklch(98.5% .004 250);--color-paper-2: oklch(96.5% .006 252);--color-ink: oklch(24% .02 258);--color-ink-2: oklch(34% .018 257);--color-ink-muted: oklch(52% .014 258);--color-accent: oklch(58% .2 256);--color-accent-hover: oklch(52% .2 256);--color-accent-ink: oklch(99% 0 0);--color-graphite: oklch(22% .016 260);--color-graphite-ink: oklch(94% .006 250);--color-graphite-ink-muted: oklch(68% .012 255);--color-graphite-rule: oklch(34% .02 260);--color-rule: oklch(90% .006 252);--color-rule-2: oklch(84% .008 254);--color-success: oklch(56% .13 152);--color-success-bg: oklch(95% .03 152);--color-warning: oklch(62% .14 70);--color-warning-bg: oklch(95% .045 75);--color-danger: oklch(55% .19 25);--color-danger-bg: oklch(95% .035 25);--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-lg: 10px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur-base: .2s}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:clip}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-paper);color:var(--color-ink-2);font-family:var(--font-body);font-weight:400;font-size:15px;line-height:1.5;min-width:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;color:var(--color-ink);line-height:1.15;margin:0;text-wrap:balance;font-style:normal;overflow-wrap:anywhere}p{margin:0}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}ul,ol{margin:0;padding:0;list-style:none}button{font-family:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{border-bottom:1px solid var(--color-rule);background:color-mix(in oklch,var(--color-paper) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.topbar-inner{max-width:1180px;margin:0 auto;padding:var(--space-3) var(--space-6);display:flex;align-items:center;gap:var(--space-8)}.wordmark{font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--color-ink);display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.wordmark-dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);flex:none}.wordmark-subtitle{font-family:var(--font-mono);font-weight:400;font-size:.68rem;letter-spacing:.04em;color:var(--color-ink-muted);text-transform:lowercase}.nav-tabs{display:flex;gap:var(--space-1);flex:1;min-width:0;overflow-x:auto}.nav-tab{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-ink-muted);white-space:nowrap;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.nav-tab:hover{color:var(--color-ink);background:var(--color-paper-2);text-decoration:none}.nav-tab.active{color:var(--color-accent);background:color-mix(in oklch,var(--color-accent) 10%,transparent)}.nav-tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.topbar-actions{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.session-email{font-size:.82rem;color:var(--color-ink-muted)}.main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:var(--space-8) var(--space-6)}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.page-title{font-size:1.5rem}.page-subtitle{color:var(--color-ink-muted);font-size:.9rem;margin-top:var(--space-1)}.panel{border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-paper);padding:var(--space-6)}.panel+.panel{margin-top:var(--space-4)}.panel-title{font-size:1rem;margin-bottom:var(--space-4)}.section-divider{height:1px;background:var(--color-rule);margin:var(--space-5) 0;border:none}.btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-weight:500;font-size:.85rem;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);line-height:1.3}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-accent);color:var(--color-accent-ink)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-secondary{background:var(--color-paper);color:var(--color-ink);border-color:var(--color-rule-2)}.btn-secondary:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.btn-danger{background:transparent;color:var(--color-danger);border-color:var(--color-rule-2)}.btn-danger:hover:not(:disabled){border-color:var(--color-danger);background:var(--color-danger-bg)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:.78rem}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;inset:0;margin:auto;width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;color:var(--color-accent-ink);animation:btn-spin .7s linear infinite}.btn-secondary.btn-loading:after,.btn-danger.btn-loading:after{color:var(--color-ink)}@keyframes btn-spin{to{transform:rotate(360deg)}}.form-group{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.form-row{display:flex;gap:var(--space-4);flex-wrap:wrap}.form-row>.form-group{flex:1;min-width:200px}.form-label{font-size:.8rem;font-weight:500;color:var(--color-ink)}.form-hint{font-size:.76rem;color:var(--color-ink-muted)}.form-error{font-size:.78rem;color:var(--color-danger)}.form-control{font-family:var(--font-body);font-size:.88rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-rule-2);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-ink);transition:border-color var(--dur-fast) var(--ease-out);width:100%}.form-control::placeholder{color:var(--color-ink-muted)}.form-control:hover{border-color:var(--color-ink-muted)}.form-control:focus-visible,.form-control:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-accent) 18%,transparent)}.form-control:disabled{background:var(--color-paper-2);color:var(--color-ink-muted);cursor:not-allowed}.form-control-mono{font-family:var(--font-mono);font-size:.82rem}label.checkbox-row{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem;font-weight:400;color:var(--color-ink-2);cursor:pointer}.chip{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;padding:3px var(--space-2);border-radius:4px;line-height:1.4;white-space:nowrap}.chip-neutral{background:var(--color-paper-2);color:var(--color-ink-muted)}.chip-accent{background:color-mix(in oklch,var(--color-accent) 12%,transparent);color:var(--color-accent)}.chip-success{background:var(--color-success-bg);color:var(--color-success)}.chip-warning{background:var(--color-warning-bg);color:var(--color-warning)}.chip-danger{background:var(--color-danger-bg);color:var(--color-danger)}.chip-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.table-wrap{overflow-x:auto;border:1px solid var(--color-rule);border-radius:var(--radius-lg)}table{width:100%;border-collapse:collapse;font-size:.86rem;min-width:480px}thead th{text-align:left;font-family:var(--font-mono);font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-muted);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-rule);background:var(--color-paper-2)}tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-rule);color:var(--color-ink-2);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--dur-fast) var(--ease-out)}tbody tr:hover{background:var(--color-paper-2)}.table-mono{font-family:var(--font-mono);font-size:.82rem}.table-empty{padding:var(--space-10) var(--space-4);text-align:center;color:var(--color-ink-muted);font-size:.88rem}.code-inline{font-family:var(--font-mono);font-size:.82rem;background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:4px;padding:1px 6px;color:var(--color-ink-2)}.reveal-key{font-family:var(--font-mono);font-size:.86rem;background:var(--color-graphite);color:var(--color-graphite-ink);border:1px solid var(--color-graphite-rule);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);word-break:break-all;box-shadow:0 1px 2px #19202914}.alert{border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:.85rem;border:1px solid transparent}.alert-danger{background:var(--color-danger-bg);color:var(--color-danger);border-color:color-mix(in oklch,var(--color-danger) 30%,transparent)}.alert-success{background:var(--color-success-bg);color:var(--color-success);border-color:color-mix(in oklch,var(--color-success) 30%,transparent)}.reveal{opacity:0;transform:translateY(8px);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.reveal.is-in{opacity:1;transform:none}.loading-state{display:flex;align-items:center;gap:var(--space-3);color:var(--color-ink-muted);font-size:.88rem;padding:var(--space-10) 0;justify-content:center}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--color-rule-2);border-top-color:var(--color-accent);animation:btn-spin .7s linear infinite}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr}@media(min-width:860px){.login-shell{grid-template-columns:1fr 1fr}}.login-panel{display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.login-form-card{width:100%;max-width:360px}.login-brand{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-8)}.login-title{font-size:1.3rem;margin-bottom:var(--space-1)}.login-subtitle{color:var(--color-ink-muted);font-size:.86rem;margin-bottom:var(--space-6)}.login-dark{display:none;background:var(--color-graphite);color:var(--color-graphite-ink);padding:var(--space-10);flex-direction:column;justify-content:center;position:relative;overflow:hidden}@media(min-width:860px){.login-dark{display:flex}}.login-dark-eyebrow{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4)}.login-dark-heading{font-size:1.7rem;color:var(--color-graphite-ink);max-width:20ch;margin-bottom:var(--space-8)}.status-card{font-family:var(--font-mono);font-size:.8rem;background:#10141a;border:1px solid var(--color-graphite-rule);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);max-width:340px}.status-row{display:flex;justify-content:space-between;gap:var(--space-4)}.status-label{color:var(--color-graphite-ink-muted)}.status-value{color:var(--color-graphite-ink)}.status-value.ok{color:color-mix(in oklch,var(--color-success) 70%,white)}@media(max-width:640px){.topbar-inner{padding:var(--space-3) var(--space-4)}.main{padding:var(--space-6) var(--space-4)}.nav-tabs{gap:0}}