:root{--nav:#0b172a;--blue:#1677ff;--cyan:#64c7ef;--bg:#f3f6fa;--line:#dbe3ec;--text:#18243a;--muted:#66758a;--green:#0c9b68;--red:#d64242;--amber:#e79a19}*{box-sizing:border-box}body{margin:0;font:14px/1.5 Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none;color:inherit}.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:var(--nav);color:#dbe7f8;padding:22px 14px;position:sticky;top:0;height:100vh;overflow:auto}.brand{font-size:24px;font-weight:800;color:white;padding:0 12px 20px}.brand span{color:var(--cyan)}.nav-group{font-size:11px;text-transform:uppercase;color:#7f92aa;padding:18px 12px 7px}.nav a{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:8px;margin:2px 0}.nav a:hover,.nav a.active{background:#172b47;color:white}.main{min-width:0}.topbar{height:66px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:3}.content{padding:26px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-head h1{margin:0;font-size:25px}.muted{color:var(--muted)}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.span2{grid-column:span 2}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.metric b{font-size:26px;display:block}.metric small{color:var(--muted)}.metric.blue{border-left:4px solid var(--blue)}.metric.green{border-left:4px solid var(--green)}.metric.amber{border-left:4px solid var(--amber)}.metric.red{border-left:4px solid var(--red)}table{width:100%;border-collapse:collapse;background:white}th,td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:12px;color:var(--muted);text-transform:uppercase;background:#f8fafc}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}.btn{border:0;border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer;display:inline-block}.btn.primary{background:var(--blue);color:white}.btn.secondary{background:#e8eef7;color:var(--text)}.btn.danger{background:#feecec;color:var(--red)}.btn.small{padding:6px 9px;font-size:12px}label{display:block;font-weight:600;margin-bottom:4px}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #cbd6e2;border-radius:8px;background:white;font:inherit}textarea{min-height:88px}.form-actions{display:flex;gap:10px;margin-top:18px}.alert{padding:12px 15px;border-radius:8px;margin:12px 0}.alert.success{background:#e8f8f1;color:#08744f}.alert.danger{background:#fdecec;color:#ad2929}.badge{display:inline-block;padding:4px 8px;border-radius:99px;background:#eaf2ff;color:#135fc2;font-size:12px;font-weight:700}.badge.open,.badge.requested{background:#fff3db;color:#95620d}.badge.paid,.badge.completed,.badge.delivered,.badge.verified{background:#e5f8ef;color:#08744f}.badge.cancelled,.badge.void,.badge.rejected{background:#fdecec;color:#ad2929}.auth-bg{background:linear-gradient(120deg,#071429,#134a7b);min-height:100vh;padding:40px}.auth-card,.installer{max-width:460px;margin:5vh auto;background:white;border-radius:16px;padding:30px;box-shadow:0 20px 60px #0017}.installer{max-width:780px;margin:10px auto}.installer h3{border-bottom:1px solid var(--line);padding-bottom:7px;margin-top:24px}.kicker{font-size:12px;color:var(--blue);font-weight:800;text-transform:uppercase}.quick{display:flex;gap:8px;flex-wrap:wrap}.empty{text-align:center;padding:44px;color:var(--muted)}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.grid.four,.grid.two{grid-template-columns:1fr}.span2{grid-column:auto}.topbar{position:relative}.content{padding:16px}}