:root{--navy: #1c3667;--navy-deep: #12264a;--accent: #d9952c;--bg: #f4f6f9;--line: #dde3ea;--ink: #22303f;--muted: #5a6b7d;--red: #c0392b;--amber: #d98e0b;--green: #1e7d3c}*{box-sizing:border-box;margin:0}body{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:14px;padding:7px 9px;border:1px solid #c8d2dc;border-radius:4px;width:100%}label{font-size:12px;font-weight:600;color:var(--navy);display:block;margin:8px 0 3px}.topbar{background:var(--navy-deep);color:#fff;display:flex;align-items:center;gap:18px;padding:10px 18px}.topbar .brand{font-weight:700;letter-spacing:.03em}.topbar .brand small{display:block;font-weight:400;font-size:10px;color:#9fb3c8;text-transform:uppercase;letter-spacing:.12em}.topbar nav{display:flex;gap:4px;flex-wrap:wrap}.topbar nav button{background:none;border:none;color:#c9d6e2;padding:7px 11px;border-radius:4px;font-size:13px}.topbar nav button.active,.topbar nav button:hover{background:var(--navy);color:#fff}.topbar .spacer{flex:1}.topbar .who{font-size:12px;color:#9fb3c8}.topbar .logout{background:var(--accent);border:none;color:var(--navy-deep);font-weight:700;padding:7px 12px;border-radius:4px}.page{max-width:1200px;margin:22px auto;padding:0 16px}h2{color:var(--navy);font-size:20px;margin-bottom:14px}.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;margin-bottom:16px}.grid{display:grid;gap:10px}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}@media (max-width: 800px){.g2,.g3,.g4{grid-template-columns:1fr}}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-weight:600;padding:8px;border-bottom:2px solid var(--line);white-space:nowrap}td{padding:8px;border-bottom:1px solid var(--line);vertical-align:top}tr:hover td{background:#f8fafc}.tablewrap{overflow-x:auto}.btn{background:var(--navy);color:#fff;border:none;padding:8px 14px;border-radius:4px;font-weight:600}.btn.accent{background:var(--accent);color:var(--navy-deep)}.btn.ghost{background:none;border:1px solid var(--line);color:var(--navy)}.btn.sm{padding:4px 9px;font-size:12px}.btn:disabled{opacity:.5;cursor:default}.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700}.pill.PENDING{background:#fdf1dc;color:var(--amber)}.pill.QUOTED,.pill.ok{background:#e6f4ea;color:var(--green)}.pill.CANCELLED,.pill.EXPIRED,.pill.bad{background:#fbe9e7;color:var(--red)}.count{font-weight:700}.count.green{color:var(--green)}.count.amber{color:var(--amber)}.count.red{color:var(--red)}.stat{text-align:center;padding:14px 8px}.stat .n{font-size:26px;font-weight:700;color:var(--navy)}.stat .l{font-size:12px;color:var(--muted);margin-top:2px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--navy-deep),var(--navy))}.login-box{background:#fff;border-radius:10px;padding:28px;width:380px;max-width:92vw}.login-box h1{color:var(--navy);font-size:20px;margin-bottom:4px}.login-box p.sub{color:var(--muted);font-size:13px;margin-bottom:14px}.error{background:#fbe9e7;color:var(--red);border-radius:4px;padding:8px 10px;font-size:13px;margin:10px 0}.notice{background:#e8f0fe;color:var(--navy);border-radius:4px;padding:8px 10px;font-size:13px;margin:10px 0;word-break:break-all}.secret{font-family:monospace;background:#f4f6f9;padding:8px;border-radius:4px;margin:8px 0;word-break:break-all}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a142880;display:flex;align-items:center;justify-content:center;z-index:40}.modal{background:#fff;border-radius:10px;padding:20px;width:640px;max-width:94vw;max-height:90vh;overflow-y:auto}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted);font-size:12px}