:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}a{color:inherit}.app-shell{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-0:var(--brand-surface);--surface-1:var(--brand-muted);--surface-2:color-mix(in srgb, var(--brand-muted), #fff 45%);--topbar-bg:var(--surface-0);--input-bg:#fff;--ink-strong:color-mix(in srgb, var(--brand-primary), #000 22%);--ink:color-mix(in srgb, var(--brand-primary), #3a4356 42%);--ink-soft:#5b6474;--ink-faint:#8a93a5;--accent:var(--brand-gold);--accent-blue:var(--brand-secondary);--metric-accent-top:var(--brand-secondary);--metric-accent-bottom:var(--brand-primary);--tab-active-fg:var(--brand-primary);--btn-primary-bg:var(--brand-primary);--btn-secondary-hover-bg:color-mix(in srgb, var(--brand-secondary), #fff 95%);--btn-secondary-hover-fg:var(--brand-secondary);--line:#e3e7ee;--line-strong:#ccd3de;--shadow-card:0 1px 2px #1018280d, 0 6px 18px #24366f0f;--shadow-card-hover:0 2px 4px #1018280f, 0 12px 28px #24366f1a;--shadow-raised:0 4px 10px #10182814, 0 16px 36px #24366f1f;--focus-ring:0 0 0 3px color-mix(in srgb, var(--brand-secondary), transparent 68%);--sidebar-bg-top:color-mix(in srgb, var(--brand-primary), #fff 6%);--sidebar-bg-bottom:color-mix(in srgb, var(--brand-primary), #000 26%);--sidebar-fg:#fff;--sidebar-fg-soft:#ffffffc7;--sidebar-fg-faint:#ffffff8c;--sidebar-label:#ffffff73;--sidebar-line:#ffffff1f;--sidebar-hover-bg:#ffffff14;--sidebar-active-bg:#ffffff24;--sidebar-disabled:#ffffff52;--sidebar-indicator:var(--brand-gold);--sidebar-scroll-thumb:#ffffff47;--brand-tile-bg:linear-gradient(180deg, #fff 0%, #eef1f6 100%);--brand-tile-border:#ffffff59;--brand-tile-ring:#ffffff14;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--tint-blue:color-mix(in srgb, var(--brand-secondary), #fff 88%);--ok-fg:#146c2e;--ok-bg:#e7f7ec;--warn-fg:#8a5b09;--warn-bg:#fdf3df;--bad-fg:#8a1f2d;--bad-bg:#fdebed;height:100vh;color:var(--ink);background:var(--surface-1);grid-template-columns:264px minmax(0,1fr);display:grid;overflow:hidden}.app-shell[data-theme=oxford]{--surface-0:#fdfbf4;--surface-1:#f3eddd;--surface-2:#f8f4e8;--topbar-bg:#fdfbf4;--input-bg:#fffdf6;--ink-strong:#1e2a4f;--ink:#3b4463;--ink-soft:#6d6752;--ink-faint:#98917b;--accent:color-mix(in srgb, var(--brand-gold), #000 12%);--metric-accent-top:color-mix(in srgb, var(--brand-gold), #000 12%);--metric-accent-bottom:var(--brand-primary);--line:#e4dcc4;--line-strong:#cfc3a2;--shadow-card:0 1px 2px #4a3c180f, 0 8px 22px #4a3c1812;--shadow-card-hover:0 2px 4px #4a3c1814, 0 12px 28px #4a3c181a;--sidebar-bg-top:#223061;--sidebar-bg-bottom:#151e40;--tint-blue:#e8e9db}.app-shell[data-theme=midnight]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-0:#16203c;--surface-1:#0c1226;--surface-2:#1b2645;--topbar-bg:#121b36;--input-bg:#101a33;--ink-strong:#eef3fc;--ink:#c7d2e8;--ink-soft:#92a0c2;--ink-faint:#66759c;--accent-blue:#86abdf;--tab-active-fg:#e9effb;--btn-secondary-hover-bg:#1d2a4e;--btn-secondary-hover-fg:#a9c4ea;--line:#283457;--line-strong:#3b4a76;--shadow-card:0 1px 2px #0006, 0 10px 26px #00000059;--shadow-card-hover:0 2px 4px #00000073, 0 14px 32px #0000006b;--shadow-raised:0 6px 14px #00000080, 0 20px 44px #00000073;--focus-ring:0 0 0 3px color-mix(in srgb, var(--brand-secondary), transparent 55%);--sidebar-bg-top:#0a1122;--sidebar-bg-bottom:#05080f;--tint-blue:#1c2c55;--ok-fg:#7cd8a2;--ok-bg:#143024;--warn-fg:#e3b45e;--warn-bg:#332711;--bad-fg:#ec8b98;--bad-bg:#3a1620}.app-shell[data-theme=royal]{--surface-0:#fff;--surface-1:#eef3f9;--surface-2:#f5f8fc;--topbar-bg:#fff;--ink-strong:#142440;--ink:#32425e;--ink-soft:#586984;--ink-faint:#8494ac;--accent:var(--brand-secondary);--metric-accent-top:var(--brand-secondary);--metric-accent-bottom:var(--brand-secondary);--tab-active-fg:var(--brand-secondary);--btn-primary-bg:var(--brand-secondary);--line:#d7e1ec;--line-strong:#b6c6d9;--shadow-card:0 1px 2px #1424400f;--shadow-card-hover:0 2px 6px #1424401a;--sidebar-bg-top:#30619e;--sidebar-bg-bottom:#223666;--sidebar-indicator:#fff}.app-shell[data-theme=pearl]{--surface-0:#fefefd;--surface-1:#f2f1ed;--surface-2:#f7f6f2;--topbar-bg:#fefefd;--ink-strong:#2b3552;--ink:#49536f;--ink-soft:#757d92;--ink-faint:#9ba1b2;--metric-accent-top:var(--brand-gold);--metric-accent-bottom:color-mix(in srgb, var(--brand-gold), #000 20%);--line:#e6e3da;--line-strong:#cfcabc;--shadow-card:0 1px 2px #3a36280d, 0 8px 20px #3a36280f;--shadow-card-hover:0 2px 4px #3a362812, 0 12px 26px #3a362817;--sidebar-bg-top:#fbfaf7;--sidebar-bg-bottom:#edeae2;--sidebar-fg:#2b3552;--sidebar-fg-soft:#2b3552c7;--sidebar-fg-faint:#2b35528c;--sidebar-label:#2b355280;--sidebar-line:#2b355224;--sidebar-hover-bg:#2b35520f;--sidebar-active-bg:#2b35521a;--sidebar-disabled:#2b355259;--sidebar-scroll-thumb:#2b355240;--brand-tile-border:#2b355229;--brand-tile-ring:#2b35520d}:where(button,input,select,textarea,a):focus-visible{outline:2px solid var(--brand-secondary,#2f5f9f);outline-offset:2px}h1,h2,h3{color:var(--ink-strong);letter-spacing:-.01em;margin:0}h2{font-size:1.08rem;font-weight:700}h3{font-size:.92rem;font-weight:700}.section-kicker{color:var(--accent-blue);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:700}.sidebar{gap:var(--space-6);min-height:0;padding:var(--space-5) var(--space-4);color:var(--sidebar-fg);border-right:1px solid var(--sidebar-line);background:linear-gradient(180deg, var(--sidebar-bg-top) 0%, var(--sidebar-bg-bottom) 100%);flex-direction:column;display:flex;overflow-y:auto}.brand-lockup{gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-4);border-bottom:1px solid var(--sidebar-line);grid-template-columns:44px minmax(0,1fr);align-items:center;display:grid}.brand-mark{background:var(--brand-tile-bg);border:1px solid var(--brand-tile-border);object-fit:contain;width:44px;height:44px;box-shadow:0 0 0 3px var(--brand-tile-ring), 0 4px 12px #00000038;border-radius:12px;padding:7px}.platform-name,.tenant-name{margin:0}.sidebar .platform-name{letter-spacing:.12em;text-transform:uppercase;color:var(--sidebar-fg-faint);font-size:.62rem;line-height:1.35}.tenant-name{color:var(--sidebar-fg);margin-top:2px;font-size:.86rem;font-weight:700;line-height:1.3}.sidebar-section-label{margin:0 0 var(--space-2);padding:0 var(--space-2);letter-spacing:.14em;text-transform:uppercase;color:var(--sidebar-label);font-size:.64rem;font-weight:700}.nav-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.nav-link{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);width:100%;min-height:40px;color:var(--sidebar-fg-soft);text-align:left;cursor:pointer;background:0 0;border:0;padding:9px 12px;font-size:.875rem;font-weight:600;transition:background-color .14s,color .14s;display:flex;position:relative}.nav-link .nav-icon{opacity:.85;flex:none;width:18px;height:18px;display:inline-flex}.nav-link:hover:not(:disabled){background:var(--sidebar-hover-bg);color:var(--sidebar-fg)}.nav-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-fg)}.nav-link.active:before{content:"";border-radius:var(--radius-pill);background:var(--sidebar-indicator);width:3px;position:absolute;top:8px;bottom:8px;left:-12px}.nav-link.active .nav-icon{opacity:1;color:var(--sidebar-indicator)}.nav-link:disabled{cursor:not-allowed;color:var(--sidebar-disabled)}.sidebar-footer{padding:var(--space-3) var(--space-2) 0;border-top:1px solid var(--sidebar-line);color:var(--sidebar-fg-faint);margin-top:auto;font-size:.68rem;line-height:1.5}.workspace{background:var(--surface-1);flex-direction:column;min-width:0;min-height:0;display:flex}.topbar{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-7);border-bottom:1px solid var(--line);background:var(--topbar-bg);flex:none;display:flex;box-shadow:0 1px 2px #1018280a}.topbar h1{font-size:1.35rem;font-weight:700;line-height:1.25}.page-subtitle{color:var(--ink-soft);margin:2px 0 0;font-size:.82rem}.topbar-actions{align-items:center;gap:var(--space-3);flex:none;display:flex}.theme-select{align-items:center;gap:var(--space-2);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-size:.66rem;font-weight:700;display:inline-flex}.theme-select select{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--input-bg);max-width:200px;min-height:34px;color:var(--ink-strong);letter-spacing:normal;text-transform:none;cursor:pointer;padding:5px 8px;font-size:.78rem;font-weight:600;transition:border-color .14s,box-shadow .14s}.theme-select select:hover{border-color:var(--ink-faint)}.theme-select select:focus-visible{border-color:var(--brand-secondary);box-shadow:var(--focus-ring);outline:none}.user-chip{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-2);align-items:center;gap:10px;padding:6px 14px 6px 6px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--brand-secondary), var(--brand-primary));color:#fff;letter-spacing:.02em;border-radius:50%;place-items:center;width:32px;height:32px;font-size:.72rem;font-weight:700;display:grid}.user-meta{line-height:1.25;display:grid}.user-name{color:var(--ink-strong);font-size:.8rem;font-weight:650}.user-role{color:var(--ink-faint);font-size:.7rem}.content{align-content:start;gap:var(--space-5);width:100%;max-width:1280px;min-height:0;padding:var(--space-6) var(--space-7) var(--space-7);flex:auto;margin:0 auto;display:grid;overflow-y:auto}.content:focus{outline:none}.auth-screen{min-height:100vh;padding:var(--space-6);background:radial-gradient(1100px 540px at 82% -10%, color-mix(in srgb, var(--brand-secondary), transparent 76%), transparent 62%), radial-gradient(900px 520px at -12% 108%, color-mix(in srgb, var(--brand-gold), transparent 86%), transparent 60%), linear-gradient(165deg, var(--brand-primary) 0%, color-mix(in srgb, var(--brand-primary), #000 30%) 100%);grid-column:1/-1;place-items:center;display:grid;overflow-y:auto}.login-panel{border-radius:var(--radius-lg);width:min(100%,420px);padding:var(--space-7);background:var(--surface-0);box-shadow:var(--shadow-raised);border-top:4px solid var(--accent)}.login-logo{object-fit:contain;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;width:56px;height:56px;padding:8px}.login-panel .platform-name{margin-top:var(--space-4);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-size:.66rem;font-weight:700}.login-panel h1{margin-top:4px;font-size:1.35rem}.login-form{gap:var(--space-4);margin-top:var(--space-5);display:grid}.login-form label{color:var(--ink);gap:6px;font-size:.8rem;font-weight:650;display:grid}.password-row{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.auth-error,.auth-message{margin:var(--space-4) 0 0;font-size:.85rem;line-height:1.5}.auth-error{color:var(--bad-fg);background:var(--bad-bg);border-radius:var(--radius-sm);padding:10px 12px}.auth-message{color:var(--ink-soft)}.login-form textarea{border:1px solid var(--line-strong);border-radius:var(--radius-md);width:100%;min-height:76px;color:var(--ink-strong);background:var(--input-bg);overflow-wrap:anywhere;padding:8px 11px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.8rem}.auth-switch{margin:var(--space-4) 0 0;color:var(--ink-soft);font-size:.82rem}.link-button{color:var(--brand-secondary);font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:650;text-decoration:underline}.activation-success{gap:var(--space-3);margin-top:var(--space-5);justify-items:start;display:grid}.primary-button,.secondary-button,.icon-button,.content button:where(:not(.nav-link)):where(:not(.primary-button)):where(:not(.secondary-button)):where(:not(.icon-button)){border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 16px;font-size:.84rem;font-weight:650;transition:background-color .14s,border-color .14s,box-shadow .14s,color .14s;display:inline-flex}.primary-button{background:var(--btn-primary-bg);color:#fff;border:1px solid #0000;box-shadow:0 1px 2px #1018281f}.primary-button:hover:not(:disabled){background:color-mix(in srgb, var(--btn-primary-bg), #000 14%)}.primary-button:active:not(:disabled){background:color-mix(in srgb, var(--btn-primary-bg), #000 24%)}.secondary-button,.icon-button,.content button:where(:not(.nav-link)):where(:not(.primary-button)):where(:not(.secondary-button)):where(:not(.icon-button)){border:1px solid var(--line-strong);background:var(--surface-0);color:var(--ink-strong);box-shadow:0 1px 1px #1018280a}.secondary-button:hover:not(:disabled),.icon-button:hover:not(:disabled),.content button:where(:not(.nav-link)):where(:not(.primary-button)):where(:not(.secondary-button)):where(:not(.icon-button)):hover:where(:not(:disabled)){border-color:var(--btn-secondary-hover-fg);color:var(--btn-secondary-hover-fg);background:var(--btn-secondary-hover-bg)}.content .tabs button,.content .segmented button{box-shadow:none}button:disabled{cursor:not-allowed;opacity:.55}.primary-button:disabled{cursor:wait}.panel{align-content:start;gap:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-6);background:var(--surface-0);box-shadow:var(--shadow-card);display:grid}.panel-header{gap:4px;display:grid}.panel-header .panel-description{color:var(--ink-soft);margin:0;font-size:.84rem}.metric-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.metric{border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px var(--space-5);background:var(--surface-0);align-content:start;gap:6px;transition:box-shadow .16s,border-color .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 2px #1018280a}.metric:hover{border-color:var(--line-strong);box-shadow:var(--shadow-card-hover)}.metric:before{content:"";background:linear-gradient(180deg, var(--metric-accent-top), var(--metric-accent-bottom));opacity:.85;width:3px;position:absolute;inset:0 auto 0 0}.metric>span{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:700}.metric strong{color:var(--ink-strong);font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:700;line-height:1.15}.metric strong.no-data{color:var(--ink-faint);font-size:1.2rem;font-weight:600}.metric:has(strong.no-data):before{background:var(--line-strong)}.metric small{color:var(--ink-faint);font-size:.74rem}.spark-placeholder{background:repeating-linear-gradient(90deg, var(--line-strong) 0 8px, transparent 8px 16px) left bottom / 100% 2px no-repeat, linear-gradient(180deg, transparent 30%, color-mix(in srgb, var(--brand-secondary), transparent 94%) 100%);border-radius:6px;width:100%;height:28px;display:block}.split-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.stack{align-content:start;gap:var(--space-3);display:grid}.action-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.action-list>li{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--surface-0);gap:4px;transition:border-color .14s,box-shadow .14s;display:grid}.action-list>li:hover{box-shadow:var(--shadow-card-hover)}.action-list strong{color:var(--ink-strong);font-size:.88rem}.action-list span{color:var(--ink-soft);font-size:.8rem;line-height:1.5}.inline-form,.toolbar{gap:var(--space-3);flex-wrap:wrap;align-items:end;display:flex}.toolbar{padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2)}.toolbar label,.inline-form label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);gap:4px;font-size:.72rem;font-weight:700;display:grid}.stack label{color:var(--ink);gap:5px;font-size:.8rem;font-weight:650;display:grid}.stack input,.stack select,.stack textarea,.inline-form input,.inline-form select,.toolbar input,.toolbar select,.login-form input{border:1px solid var(--line-strong);border-radius:var(--radius-md);width:100%;min-height:38px;color:var(--ink-strong);background:var(--input-bg);padding:8px 11px;transition:border-color .14s,box-shadow .14s}.inline-form input,.inline-form select,.toolbar input,.toolbar select{width:auto;min-width:130px}.stack input:hover,.stack select:hover,.stack textarea:hover,.inline-form input:hover,.toolbar input:hover,.login-form input:hover{border-color:var(--ink-faint)}.stack input:focus-visible,.stack select:focus-visible,.stack textarea:focus-visible,.inline-form input:focus-visible,.inline-form select:focus-visible,.toolbar input:focus-visible,.toolbar select:focus-visible,.login-form input:focus-visible{border-color:var(--brand-secondary);box-shadow:var(--focus-ring);outline:none}textarea{resize:vertical;min-height:110px;line-height:1.5}input[type=file]{padding:7px}input[type=file]::file-selector-button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink-strong);font:inherit;cursor:pointer;margin-right:10px;padding:5px 10px;font-size:.78rem;font-weight:650}.tabs,.segmented{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2);scrollbar-width:thin;flex-wrap:nowrap;justify-self:start;align-items:center;gap:4px;min-width:0;max-width:100%;padding:4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{height:6px}.segmented::-webkit-scrollbar{height:6px}.tabs::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--line-strong)}.segmented::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--line-strong)}.tabs button,.segmented button{border-radius:var(--radius-sm);min-height:34px;color:var(--ink-soft);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none;padding:7px 18px;font-size:.82rem;font-weight:650;transition:background-color .14s,color .14s,box-shadow .14s}.tabs button:hover:not(.active),.segmented button:hover:not(.active){color:var(--ink-strong);background:color-mix(in srgb, var(--line), transparent 45%)}.tabs button.active,.segmented button.active{background:var(--surface-0);color:var(--tab-active-fg);box-shadow:0 1px 3px #10182824}.record-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.record-list>li{border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--surface-0);justify-items:start;gap:6px;transition:border-color .14s,box-shadow .14s;display:grid}.record-list>li:hover{border-color:var(--line-strong);box-shadow:0 2px 8px #1018280f}.record-list strong{color:var(--ink-strong);font-size:.88rem}.record-list span{color:var(--ink-soft);font-size:.8rem}.record-list button{min-height:32px;padding:5px 12px;font-size:.78rem}.status-line{color:var(--ink-faint);margin:0;font-size:.78rem}.panel>p[role=status],.stack>p[role=status],form p[role=status]{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);color:var(--ink-soft);margin:0;padding:8px 12px;font-size:.78rem}.badge{border-radius:var(--radius-pill);background:var(--tint-blue);width:max-content;color:var(--accent-blue);letter-spacing:.02em;padding:3px 10px;font-size:.72rem;font-weight:700}.badge.verified{background:var(--ok-bg);color:var(--ok-fg)}.badge.pending,.badge.awaiting_verification{background:var(--warn-bg);color:var(--warn-fg)}.badge.rejected,.badge.expired{background:var(--bad-bg);color:var(--bad-fg)}.chip-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.status-chip{border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--line);color:var(--ink-soft);align-items:center;gap:6px;padding:4px 11px;font-size:.74rem;font-weight:650;display:inline-flex}.status-chip:before{content:"";background:var(--ink-faint);border-radius:50%;width:6px;height:6px}.status-chip.ok:before{background:var(--ok-fg)}.status-chip.warn:before{background:var(--accent)}.status-chip.bad:before{background:var(--brand-accent)}.status-chip.info:before{background:var(--accent-blue)}.status-chip.plain:before{display:none}.record-list>li.insight-item{border-left:3px solid var(--accent)}.insight-head{gap:var(--space-2) var(--space-3);flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;display:flex}.insight-body{color:var(--ink-soft);margin:0;font-size:.82rem;line-height:1.55}.empty-state{justify-items:center;gap:var(--space-2);padding:var(--space-7) var(--space-5);border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--surface-2);text-align:center;display:grid}.empty-state .empty-icon{background:var(--tint-blue);width:40px;height:40px;color:var(--accent-blue);border-radius:50%;place-items:center;margin-bottom:2px;display:grid}.empty-state .empty-title{color:var(--ink-strong);margin:0;font-size:.88rem;font-weight:700}.empty-state .empty-hint{max-width:380px;color:var(--ink-soft);margin:0;font-size:.8rem;line-height:1.55}.preview{border:1px dashed var(--line-strong);border-radius:var(--radius-md);min-height:72px;padding:var(--space-3);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-2);color:var(--ink);font-size:.85rem}.preview>strong{margin-bottom:var(--space-2);color:var(--ink-strong);display:block}.preview .empty-state{padding:var(--space-4);background:0 0;border:0}.content::-webkit-scrollbar{width:10px;height:10px}.sidebar::-webkit-scrollbar{width:10px;height:10px}textarea::-webkit-scrollbar{width:10px;height:10px}.content::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--line-strong);background-clip:padding-box;border:3px solid #0000}textarea::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--line-strong);background-clip:padding-box;border:3px solid #0000}.sidebar::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--sidebar-scroll-thumb);background-clip:padding-box;border:3px solid #0000}.content::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-track{background:0 0}@media (width<=1180px){.split-grid{grid-template-columns:1fr}}@media (width<=960px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.topbar,.content{padding-right:var(--space-5);padding-left:var(--space-5)}.user-meta,.theme-select .theme-select-label{display:none}}@media (width<=760px){.app-shell{grid-template-columns:1fr;height:auto;overflow:auto}.sidebar{gap:var(--space-4);padding:var(--space-4);border-right:0;overflow:visible}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.nav-link{justify-content:center}.nav-link.active:before,.sidebar-footer{display:none}.content{overflow:visible}.topbar{gap:var(--space-3);display:grid}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.admin-note{color:var(--ink-soft);max-width:64ch;margin:0;font-size:.86rem}.admin-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;display:grid}.admin-grid-single{grid-template-columns:minmax(0,1fr)}.admin-card{align-content:start;gap:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-5);background:var(--surface-1);display:grid}.admin-card>h3{color:var(--ink-strong);margin:0;font-size:.95rem}.admin-kv{gap:var(--space-2);margin:0;display:grid}.admin-kv>div{gap:var(--space-3);border-bottom:1px solid var(--line);padding-bottom:var(--space-2);grid-template-columns:minmax(130px,38%) minmax(0,1fr);align-items:baseline;display:grid}.admin-kv>div:last-child{border-bottom:0;padding-bottom:0}.admin-kv dt{color:var(--ink-soft);font-size:.8rem;font-weight:600}.admin-kv dd{color:var(--ink-strong);overflow-wrap:anywhere;margin:0}.badge.admin-badge-ok{background:var(--ok-bg);color:var(--ok-fg)}.badge.admin-badge-warn{background:var(--warn-bg);color:var(--warn-fg)}.badge.admin-badge-bad{background:var(--bad-bg);color:var(--bad-fg)}.admin-locked{border-style:solid}.swatch-row{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.swatch-row li{align-items:center;gap:var(--space-3);display:flex}.swatch{border:1px solid var(--line-strong);background:repeating-conic-gradient(var(--surface-2) 0% 25%, var(--surface-0) 0% 50%) 0 0 / 10px 10px;border-radius:6px;flex:none;width:22px;height:22px}.swatch-label{color:var(--ink);overflow-wrap:anywhere;font-size:.86rem}.usage-bar{border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--line);width:100%;max-width:320px;height:8px;display:block;overflow:hidden}.usage-bar .usage-fill{border-radius:inherit;background:var(--ok-fg);height:100%;display:block}.usage-bar.usage-warning .usage-fill{background:var(--warn-fg)}.usage-bar.usage-breach .usage-fill{background:var(--bad-fg)}
