:root{--bg:#F7F8FA;--card:#fff;--muted:#5B6574;--line:#D8E0E8;--dark:#1A2230;--red:#D72638;--yellow:#F2B705;--blue:#2F6BFF}*{box-sizing:border-box}body{font-family:Inter,system-ui;background:var(--bg);color:#101418}.font-display{font-family:Oxanium,Inter,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:282px;background:linear-gradient(180deg,#1A2230,#111827);color:white;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{padding:22px;border-bottom:1px solid rgba(255,255,255,.08)}.brand b{font-family:Oxanium;color:white;font-size:20px}.nav-link{display:flex;align-items:center;gap:10px;margin:3px 12px;padding:10px 12px;border-radius:6px;color:#cbd5e1;text-decoration:none;font-size:14px}.nav-link:hover,.nav-link.is-active{background:rgba(215,38,56,.16);color:white;border-left:3px solid var(--red)}.main{margin-left:282px;width:calc(100% - 282px)}.topbar{height:72px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20}.content{padding:24px}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 30px rgba(16,20,24,.05)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:10px 14px;font-weight:700;text-decoration:none;border:0;cursor:pointer;transition:.2s}.btn-primary{background:var(--red);color:white}.btn-primary:hover{background:#B91C2C}.btn-dark{background:#111827;color:white}.btn-ghost{background:#EEF2F6;color:#101418}.input{width:100%;border:1px solid var(--line);border-radius:6px;padding:11px 12px;background:white}.label{font-size:12px;color:var(--muted);font-weight:700}.badge{border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.plate{font-family:Oxanium;border:2px solid #111827;border-radius:5px;background:#fff;box-shadow:inset 0 9px 0 #2F6BFF;color:#111827;letter-spacing:2px;text-align:center;padding:12px 18px 8px;font-size:24px;min-width:150px}.metric{padding:18px}.metric strong{font-family:Oxanium;font-size:32px}.kanban{display:flex;gap:14px;overflow:auto;padding-bottom:16px}.kanban-col{min-width:300px;background:#EEF2F6;border:1px solid var(--line);border-radius:8px;padding:12px}.kanban-card{background:white;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:8px;padding:12px;margin:10px 0;cursor:grab;box-shadow:0 8px 18px rgba(16,20,24,.06)}.mobile-nav{display:none}.drawer-btn{display:none}@media(max-width:980px){.sidebar{transform:translateX(-100%);transition:.25s;z-index:40}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%;padding-bottom:78px}.drawer-btn{display:inline-flex}.topbar{padding:0 14px}.content{padding:16px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#111827;border-top:1px solid rgba(255,255,255,.08);z-index:50;justify-content:space-around}.mobile-nav a{color:#cbd5e1;text-decoration:none;font-size:11px;padding:10px 6px;text-align:center}.kanban{scroll-snap-type:x mandatory}.kanban-col{min-width:86vw;scroll-snap-align:start}.hide-mobile{display:none}}.fade-in{animation:fade .22s ease both}@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}