*{box-sizing:border-box}body{color:#e5e7eb;background:#0f172a;margin:0;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial}main{max-width:1440px;margin:auto;padding:24px}.hero{background:linear-gradient(135deg,#111827,#1e293b);border:1px solid #334155;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;padding:28px;display:flex}.eyebrow{color:#38bdf8;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}.hero h1{margin:6px 0;font-size:44px}.hero p{color:#cbd5e1;max-width:850px}.primary{color:#fff;background:#0284c7;border:0}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.card,.lane,.drawer{background:#111827;border:1px solid #334155;border-radius:18px}.card{align-items:center;gap:14px;padding:18px;display:flex}.card svg{color:#38bdf8}.card p{color:#94a3b8;margin:0}.card strong{font-size:28px}.grid{grid-template-columns:repeat(5,1fr);align-items:start;gap:14px;display:grid}.lane{min-height:280px;padding:14px}.lane h2{margin:4px 0 14px;font-size:16px}.wo{cursor:pointer;background:#1e293b;border:1px solid #475569;border-radius:14px;margin-bottom:12px;padding:13px}.wo:hover{border-color:#38bdf8}.row{justify-content:space-between;gap:10px;display:flex}.high{color:#f87171}.normal{color:#facc15}.low{color:#86efac}.muted,.wo p{color:#94a3b8;font-size:13px}.actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}button{color:#e2e8f0;cursor:pointer;background:#0f172a;border:1px solid #475569;border-radius:10px;align-items:center;gap:8px;padding:9px 11px;display:inline-flex}button:hover{border-color:#38bdf8}button:disabled{opacity:.5}.error{background:#7f1d1d;border:1px solid #ef4444;border-radius:14px;margin-bottom:18px;padding:14px}.drawer{width:min(520px,100vw - 40px);padding:24px;position:fixed;top:20px;bottom:20px;right:20px;overflow:auto;box-shadow:0 20px 80px #0008}.close{float:right;font-size:24px}.drawer-actions{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.invoice{background:#0f172a;border:1px solid #334155;border-radius:14px;padding:14px}.line,.total{border-bottom:1px solid #334155;justify-content:space-between;padding:10px 0;display:flex}.total{border:0;font-size:20px}@media (width<=1100px){.grid,.stats{grid-template-columns:1fr 1fr}.hero{flex-direction:column;align-items:flex-start}}@media (width<=640px){main{padding:12px}.grid,.stats{grid-template-columns:1fr}.hero h1{font-size:34px}}