:root{--bg: #08080a;--bg-grid: #101015;--surface: #0e0e12;--surface-2: #14141a;--border: #20202a;--border-bright: #2e2e3a;--text: #f4f4f7;--muted: #7d7d8c;--muted-2: #5a5a68;--cyan: #19e3ff;--magenta: #ff2bd0;--lime: #b6ff3c;--orange: #ff8a1e;--violet: #9b6bff;--pink: #ff3b73;--blue: #3b8cff;--yellow: #ffe14d;--accent: var(--cyan);--accent-dim: color-mix(in srgb, var(--accent) 22%, transparent);--accent-glow: color-mix(in srgb, var(--accent) 45%, transparent);--font-display: "Chakra Petch", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;color-scheme:dark}[data-accent=cyan]{--accent: var(--cyan)}[data-accent=magenta]{--accent: var(--magenta)}[data-accent=lime]{--accent: var(--lime)}[data-accent=orange]{--accent: var(--orange)}[data-accent=violet]{--accent: var(--violet)}[data-accent=pink]{--accent: var(--pink)}[data-accent=blue]{--accent: var(--blue)}[data-accent=yellow]{--accent: var(--yellow)}[data-accent]{--accent-dim: color-mix(in srgb, var(--accent) 22%, transparent);--accent-glow: color-mix(in srgb, var(--accent) 45%, transparent)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(120% 80% at 50% -10%,color-mix(in srgb,var(--cyan) 7%,transparent),transparent 60%),linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px);background-size:100% 100%,44px 44px,44px 44px}::selection{background:var(--accent);color:#000}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:0}*::-webkit-scrollbar-track{background:transparent}.app{display:flex;min-height:100%}.sidebar{width:232px;flex-shrink:0;border-right:1px solid var(--border);padding:22px 16px;position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--surface),transparent 40%);display:flex;flex-direction:column;gap:6px}.brand{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:1px;margin:4px 6px;display:flex;align-items:center;gap:9px}.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:pulse 2.4s infinite}.brand small{color:var(--muted);font-family:var(--font-mono);font-weight:500;font-size:10px;letter-spacing:2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.nav{display:flex;flex-direction:column;gap:2px;margin-top:14px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid transparent;border-radius:8px;color:var(--muted);font-family:var(--font-mono);font-size:12.5px;letter-spacing:.5px;cursor:pointer;text-transform:uppercase;transition:all .15s ease;background:none;width:100%;text-align:left}.nav-item:hover{color:var(--text);background:var(--surface-2)}.nav-item.active{color:var(--text);border-color:var(--accent-dim);background:linear-gradient(90deg,var(--accent-dim),transparent);box-shadow:inset 2px 0 0 var(--accent)}.nav-item .ico{width:16px;text-align:center;color:var(--accent)}.nav-spacer{flex:1}.nav-foot{font-family:var(--font-mono);font-size:10px;color:var(--muted-2);padding:6px;letter-spacing:1px}.main{flex:1;min-width:0;padding:30px 38px 80px;max-width:1100px}.page-head{margin-bottom:26px;animation:rise .5s ease both}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:8px}.eyebrow:before{content:"";width:22px;height:1px;background:var(--accent);box-shadow:0 0 8px var(--accent)}h1.title{font-family:var(--font-display);font-weight:700;font-size:30px;margin:8px 0 0;letter-spacing:.5px}.sub{color:var(--muted);font-size:13.5px;margin-top:6px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:16px;position:relative;animation:rise .5s ease both}.card:before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,var(--accent-dim),transparent)}.card-title{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:14px;display:flex;align-items:center;gap:8px}.card-title b{color:var(--text);font-weight:600}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.stagger>*{animation:rise .5s ease both}.stagger>*:nth-child(1){animation-delay:.03s}.stagger>*:nth-child(2){animation-delay:.08s}.stagger>*:nth-child(3){animation-delay:.13s}.stagger>*:nth-child(4){animation-delay:.18s}.stagger>*:nth-child(5){animation-delay:.23s}button,.btn{font-family:var(--font-mono);font-size:12px;letter-spacing:.5px;text-transform:uppercase;padding:9px 14px;border-radius:8px;border:1px solid var(--border-bright);background:var(--surface-2);color:var(--text);cursor:pointer;transition:all .15s ease}button:hover:not(:disabled){border-color:var(--accent);color:var(--text);box-shadow:0 0 0 1px var(--accent-dim),0 0 18px -6px var(--accent-glow)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#06060a;font-weight:600}button.primary:hover:not(:disabled){box-shadow:0 0 24px -4px var(--accent-glow);filter:brightness(1.08)}button.ghost{background:transparent;border-color:transparent;color:var(--muted)}button.ghost:hover:not(:disabled){color:var(--text);box-shadow:none}button.danger:hover:not(:disabled){border-color:var(--pink);box-shadow:0 0 0 1px color-mix(in srgb,var(--pink) 25%,transparent)}button.sm{padding:6px 10px;font-size:11px}label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:14px 0 6px}input,textarea,select{width:100%;font-family:var(--font-body);font-size:14px;color:var(--text);background:var(--bg);border:1px solid var(--border-bright);border-radius:8px;padding:10px 12px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}textarea{min-height:84px;resize:vertical;line-height:1.5;font-family:var(--font-body)}.mono-input{font-family:var(--font-mono)}.pill{font-family:var(--font-mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid var(--border-bright);color:var(--muted)}.pill.draft{color:var(--cyan);border-color:color-mix(in srgb,var(--cyan) 40%,transparent)}.pill.approved{color:var(--yellow);border-color:color-mix(in srgb,var(--yellow) 40%,transparent)}.pill.posted{color:var(--lime);border-color:color-mix(in srgb,var(--lime) 40%,transparent)}.pill.rejected{color:var(--pink);border-color:color-mix(in srgb,var(--pink) 40%,transparent)}.pill.scheduled{color:var(--violet);border-color:color-mix(in srgb,var(--violet) 40%,transparent)}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;padding:4px 9px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border-bright);color:var(--text)}.chip button{padding:0;border:none;background:none;color:var(--muted);font-size:13px;line-height:1}.chip button:hover{color:var(--pink);box-shadow:none}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tabs{display:flex;gap:4px;margin:18px 0;border-bottom:1px solid var(--border)}.tab{font-family:var(--font-mono);font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:9px 14px;background:none;border:none;border-radius:0;color:var(--muted);cursor:pointer;position:relative}.tab:hover{color:var(--text);box-shadow:none}.tab.active{color:var(--text)}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);box-shadow:0 0 10px var(--accent)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.muted{color:var(--muted);font-size:13px}.mono{font-family:var(--font-mono)}.err{color:var(--pink);font-family:var(--font-mono);font-size:12px;margin-top:8px}.ok{color:var(--lime);font-family:var(--font-mono);font-size:12px}.link{color:var(--accent);text-decoration:none;font-family:var(--font-mono);font-size:12px}.link:hover{text-decoration:underline}.hr{height:1px;background:var(--border);margin:14px 0}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid var(--border);border-radius:10px;background:var(--surface);margin-bottom:8px;transition:all .15s}.list-row:hover{border-color:var(--accent-dim);transform:translate(2px)}.list-row .nm{font-family:var(--font-display);font-weight:600;font-size:15px}.draft{border:1px solid var(--border);border-radius:10px;padding:14px;margin-top:10px;background:var(--bg)}.draft:hover{border-color:var(--border-bright)}.grid{display:grid;gap:14px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.stat{padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.stat .k{font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.stat .v{font-family:var(--font-display);font-weight:700;font-size:26px;margin-top:6px;color:var(--accent)}.dot-s{width:7px;height:7px;border-radius:50%;display:inline-block}.dot-s.on{background:var(--lime);box-shadow:0 0 8px var(--lime)}.dot-s.off{background:var(--muted-2)}.login-wrap{display:grid;place-items:center;min-height:100vh;padding:20px}.login-card{width:100%;max-width:380px}.scan{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:var(--muted-2);text-transform:uppercase;margin-top:18px;overflow:hidden;white-space:nowrap}@media(max-width:820px){.app{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;flex-wrap:wrap}.nav{flex-direction:row;flex-wrap:wrap;margin-top:0}.nav-spacer,.nav-foot{display:none}.main{padding:22px 18px 60px}.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}}