:root{--bg-base: #070810;--bg-surface: #0b0d12;--bg-elevated: #12151c;--border: #1c2029;--border-strong: #2c313d;--text-1: #eaebef;--text-2: #9ba3b4;--text-3: #717887;--text-4: #616976;--accent: #38bdf8;--accent-text: #7dd3fc;--accent-dim: #0ea5e9;--ig: #c13584;--tt: #FE2C55;--posted: #4ade80;--pending: #fbbf24;--failed: #f87171;--draft: #8b8b9a;--recovered: #a78bfa;--radius-panel: 6px;--radius-ctl: 4px}@view-transition{navigation: auto;}::view-transition-old(root),::view-transition-new(root){animation-duration:.14s;animation-timing-function:ease-out}.sidebar{view-transition-name:app-rail}.topbar{view-transition-name:app-topbar}@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}html{background:var(--bg-base);scrollbar-gutter:stable;overflow-y:scroll}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-ctl)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}::-webkit-scrollbar-corner{background:var(--bg-base)}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg-base)}body{background:var(--bg-base);color:var(--text-1);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px;display:flex;min-height:100vh}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.micro{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-4)}.sidebar{width:184px;min-height:100vh;background:var(--bg-base);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-brand{height:44px;display:flex;align-items:center;padding:0 1rem;border-bottom:1px solid var(--border);flex-shrink:0;line-height:0}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:1rem .5rem 0}.nav-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border-left:2px solid transparent;color:var(--text-3);text-decoration:none;font-size:13px;font-weight:500;cursor:pointer;background:none;border-top:none;border-right:none;border-bottom:none;width:100%;transition:color .15s,border-color .15s}.nav-item:hover{color:var(--text-2)}.nav-item.active{border-left-color:var(--accent);color:var(--accent-text);font-weight:600}.nav-item svg{width:15px;height:15px;flex-shrink:0}.badge-new{margin-left:auto;background:var(--failed);color:#fff;font-size:10px;font-weight:700;border-radius:var(--radius-ctl);padding:1px 5px;min-width:16px;text-align:center}.badge-mock{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:color-mix(in srgb,var(--pending) 15%,transparent);color:var(--pending);border:1px solid color-mix(in srgb,var(--pending) 30%,transparent);border-radius:var(--radius-ctl);padding:2px 6px}.topbar{position:sticky;top:0;z-index:40;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.25rem;background:color-mix(in srgb,var(--bg-base) 95%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.topbar-title{font-size:14px;font-weight:650;color:var(--text-1)}.topbar-meta{display:flex;align-items:center;gap:.75rem}.app-col{margin-left:184px;flex:1;min-width:0;display:flex;flex-direction:column}.main-content{flex:1;min-width:0;padding:1.25rem}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-panel);padding:1rem}.card-header{height:40px;margin:-1rem -1rem 1rem;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-bottom:1px solid var(--border)}.card-header-left{display:flex;align-items:baseline;gap:.5rem;min-width:0}.card-title{font-size:14px;font-weight:650;color:var(--text-1)}.hero-strip{display:grid;grid-template-columns:repeat(5,1fr);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-panel);overflow:hidden}.hero-strip>.stat-cell+.stat-cell{border-left:1px solid var(--border)}.stat-cell{padding:1rem;display:flex;flex-direction:column;justify-content:center;gap:.25rem;min-width:0;min-height:84px}.stat-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-4)}.stat-value{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:24px;font-weight:650;color:var(--text-1);line-height:1.1}.stat-value.hero{font-size:24px}.stat-sub{font-size:11px;font-family:JetBrains Mono,ui-monospace,monospace;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-panel);padding:1rem;min-height:72px;display:flex;flex-direction:column;gap:.25rem}@media (max-width: 1100px){.hero-strip{grid-template-columns:repeat(2,1fr)}.hero-strip>.stat-cell:nth-child(odd){border-left:none}.hero-strip>.stat-cell:nth-child(n+3){border-top:1px solid var(--border)}}.toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.toolbar-spacer{flex:1}.seg{display:inline-flex;align-items:flex-end;border-bottom:1px solid var(--border)}.seg>button{height:30px;padding:0 11px;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--text-4);font-family:inherit;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:color .15s,border-color .15s;display:inline-flex;align-items:center;gap:6px}.seg>button:hover{color:var(--text-2)}.seg>button.on{color:var(--accent-text);border-bottom-color:var(--accent)}.seg-count{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:500;letter-spacing:0;color:var(--text-4)}.seg>button:hover .seg-count{color:var(--text-3)}.seg>button.on .seg-count{color:var(--text-2)}.row-actions{display:inline-flex;gap:2px;opacity:0;transition:opacity .15s}tr:hover .row-actions,tr:focus-within .row-actions{opacity:1}.icon-btn{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-ctl);background:transparent;color:var(--text-3);cursor:pointer;transition:color .15s,background .15s}.icon-btn:hover{color:var(--text-1);background:var(--bg-elevated)}.icon-btn.danger:hover{color:var(--failed);background:color-mix(in srgb,var(--failed) 12%,transparent)}.icon-btn svg{width:14px;height:14px}.empty{padding:2rem 1rem;text-align:center;color:var(--text-3);font-size:12.5px}.table-wrap:has(td.empty){min-height:200px}@keyframes content-in{0%{opacity:0}to{opacity:1}}.table-wrap,#activity,#upcoming,#active-rules{animation:content-in .12s ease-out}@media (prefers-reduced-motion: reduce){.table-wrap,#activity,#upcoming,#active-rules{animation:none}}.chip{display:inline-flex;align-items:center;gap:5px;height:19px;padding:0 6px;border-radius:2px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:transparent;white-space:nowrap}.chip-time{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:0;font-weight:500;color:var(--text-2);border:1px solid var(--border)}.chip-posted{color:var(--posted);border:1px solid color-mix(in srgb,var(--posted) 40%,transparent)}.chip-pending{color:var(--pending);border:1px solid color-mix(in srgb,var(--pending) 40%,transparent)}.chip-failed{color:var(--failed);border:1px solid color-mix(in srgb,var(--failed) 40%,transparent)}.chip-draft{color:var(--draft);border:1px solid color-mix(in srgb,var(--draft) 40%,transparent)}.chip-recovered{color:var(--recovered);border:1px solid color-mix(in srgb,var(--recovered) 40%,transparent)}.chip-ig{color:var(--ig);border:1px solid color-mix(in srgb,var(--ig) 40%,transparent)}.chip-tt{color:var(--tt);border:1px solid color-mix(in srgb,var(--tt) 40%,transparent)}.chip-accent{color:var(--accent-text);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{height:34px;padding:0 12px;color:var(--text-4);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border-strong)}td{height:42px;padding:0 12px;border-bottom:1px solid var(--border);color:var(--text-2);font-size:12.5px;vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--bg-elevated)}.num{text-align:right;font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:32px;padding:0 .875rem;border-radius:var(--radius-ctl);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s;outline:none}.btn:focus-visible{box-shadow:0 0 0 1px var(--accent),0 0 12px #38bdf826}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:var(--accent);color:var(--bg-base)}.btn-primary:hover{background:var(--accent-dim)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-2)}.btn-ghost:hover{color:var(--text-1);border-color:var(--border-strong)}.btn-danger{background:color-mix(in srgb,var(--failed) 10%,transparent);color:var(--failed);border-color:color-mix(in srgb,var(--failed) 30%,transparent)}.btn-danger:hover{background:color-mix(in srgb,var(--failed) 20%,transparent)}.btn-warn{background:color-mix(in srgb,var(--pending) 10%,transparent);color:var(--pending);border-color:color-mix(in srgb,var(--pending) 30%,transparent)}.btn-sm{height:28px;padding:0 .625rem}input,select,textarea{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-1);border-radius:var(--radius-ctl);padding:.45rem .625rem;font-size:13px;font-family:inherit;width:100%;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 12px #38bdf826}label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-4);display:block;margin-bottom:.35rem}label:has(>input[type=checkbox]),label:has(>input[type=radio]){display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--text-2);margin-bottom:0;cursor:pointer}input[type=checkbox],input[type=radio]{width:14px;height:14px;flex-shrink:0;accent-color:var(--accent)}input[type=date],input[type=datetime-local],input[type=time],select{color-scheme:dark;accent-color:var(--accent)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.form-grid{display:grid;gap:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 720px){.form-row-4{grid-template-columns:repeat(2,1fr)}}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:4px;padding-top:12px;border-top:1px solid var(--border)}.form-hint{font-size:11px;color:var(--text-3);margin-top:4px}.input-group{display:flex;gap:6px;align-items:stretch}.input-group>:first-child{flex:1;min-width:0}input[type=file]{padding:6px 8px;font-size:11px;color:var(--text-3);cursor:pointer}input[type=file]::file-selector-button{height:22px;margin-right:8px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-ctl);background:var(--bg-surface);color:var(--text-2);font-family:inherit;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}input[type=file]::file-selector-button:hover{color:var(--text-1);border-color:var(--border-strong)}input:not([type=checkbox]):not([type=radio]):not([type=file]),select{height:32px}textarea{padding:8px 10px;line-height:1.6;resize:vertical;scrollbar-gutter:stable}textarea::-webkit-scrollbar,.modal::-webkit-scrollbar,.table-wrap::-webkit-scrollbar{width:12px;height:12px}textarea::-webkit-scrollbar-track,.modal::-webkit-scrollbar-track,.table-wrap::-webkit-scrollbar-track{background:transparent}textarea::-webkit-scrollbar-thumb,.modal::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:4px solid transparent;background-clip:content-box;min-height:32px}textarea::-webkit-scrollbar-thumb:hover,.modal::-webkit-scrollbar-thumb:hover,.table-wrap::-webkit-scrollbar-thumb:hover{background:var(--text-4);background-clip:content-box}textarea::-webkit-scrollbar-corner,.modal::-webkit-scrollbar-corner{background:transparent}textarea::-webkit-resizer{background:transparent}textarea,.modal,.table-wrap,[style*="overflow-y:auto"],[style*="overflow-y: auto"]{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200}.modal-overlay.hidden{display:none}.modal{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-panel);padding:1.25rem;width:100%;max-width:540px;max-height:90vh;overflow-y:auto}.modal-title{font-size:14px;font-weight:650;margin:-1.25rem -1.25rem 1rem;padding:0 1.25rem;height:40px;display:flex;align-items:center;border-bottom:1px solid var(--border)}.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--posted);display:inline-block;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes row-flash{0%{background-color:color-mix(in srgb,var(--accent) 12%,transparent)}to{background-color:transparent}}.row-flash{animation:row-flash .6s ease-out}@keyframes page-fade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}.page-fade{animation:page-fade .15s ease-out}.grid{display:grid;gap:12px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mt-4{margin-top:12px}.mt-6{margin-top:1.25rem}.text-muted{color:var(--text-3);font-size:11px}.text-sm{font-size:12.5px}@media (max-width: 900px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}