:root{--ink:#171a1f;--muted:#6c737f;--line:#e5e7eb;--bg:#f4f5f7;--blue:#3457d5;--amber:#a86605}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px}aside{position:fixed;inset:0 auto 0 0;width:250px;background:#141820;color:white;padding:28px 20px;display:flex;flex-direction:column}.brand{font-weight:800;display:flex;align-items:center;gap:10px;margin-bottom:32px}.brand span,.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:white;color:#171a1f;font-weight:800}nav{display:grid;gap:8px}nav a,.logout{color:#b5bdc9;text-decoration:none;padding:12px;border-radius:9px;font-size:.85rem;font-weight:700}nav a:hover{background:#272d38;color:white}nav b{float:right;background:#d64b4b;color:white;border-radius:999px;padding:2px 7px}.logout{margin-top:auto}main{margin-left:250px;padding:32px 40px 60px}header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}header h1{margin:5px 0 0}header small{color:var(--muted)}button{background:var(--ink);color:white;border:0;border-radius:9px;padding:11px 15px;font-weight:700;cursor:pointer}.actions{display:flex;gap:8px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.metrics article,.panel{background:white;border:1px solid var(--line);border-radius:15px;padding:19px}.metrics span{color:var(--muted);font-size:.75rem;font-weight:700}.metrics strong{display:block;font-size:1.45rem;margin-top:15px}.metrics small{color:var(--amber)}.metrics .warning{background:#fff7e7}.panel{margin-top:18px}.panel h2{font-size:1.05rem}.table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:12px;border-top:1px solid #edf0f2;font-size:.76rem;text-align:left}th{color:var(--muted);background:#f8f9fa}.num{text-align:right}details{border-top:1px solid var(--line)}summary{padding:14px;cursor:pointer;display:flex;justify-content:space-between}.success,.error{padding:12px;border-radius:9px}.success{background:#eaf7f1;color:#14805e}.error{background:#fdecec;color:#a22}.login{display:grid;place-items:center;min-height:100vh}.login-card{width:min(390px,90%);background:white;border:1px solid var(--line);border-radius:18px;padding:30px}.login-card h1{font-size:1.4rem}.login-card label,dialog label{display:grid;gap:6px;font-size:.75rem;font-weight:700;margin-top:12px}input,select{width:100%;border:1px solid #d8dce2;border-radius:8px;padding:11px;font:inherit}dialog{width:min(700px,calc(100% - 25px));border:0;border-radius:18px;padding:25px;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#101318aa}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wide{grid-column:1/-1}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.back,.pdf-link,td a{color:#274bbd;text-decoration:none;font-weight:700}.back{display:block;margin-bottom:12px;font-size:.85rem}.customer-facts{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px}.customer-facts article{background:white;border:1px solid var(--line);border-radius:13px;padding:15px;min-width:0}.customer-facts span{display:block;color:var(--muted);font-size:.7rem;font-weight:700;margin-bottom:8px}.customer-facts strong{display:block;font-size:.85rem;overflow-wrap:anywhere}.customer-metrics{margin-bottom:18px}.status{display:inline-block;border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:800;white-space:nowrap}.status.paid{background:#e8f7ef;color:#137653}.status.overdue{background:#fde9e9;color:#b12b2b}.status.open{background:#fff3d7;color:#95600a}@media(max-width:1200px){.customer-facts{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){aside{position:static;width:auto;height:auto}.logout{display:none}main{margin:0;padding:20px}.metrics{grid-template-columns:1fr 1fr}header{align-items:flex-start;gap:15px}.actions{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.customer-facts{grid-template-columns:1fr 1fr}}