:root{--navy:#003f59;--teal:#006b7f;--gold:#d9aa27;--ink:#1e293b;--muted:#64748b;--line:#e2e8f0;--bg:#f2f6f9;--card:#fff;--green:#1f9d55}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.wrap{max-width:1000px;margin:0 auto;padding:28px 20px 60px}.hd{background:linear-gradient(135deg,var(--navy),var(--teal));color:#fff;border-radius:16px;margin-bottom:22px;padding:24px 28px}.hd h1{margin:0 0 4px;font-size:23px}.hd p{opacity:.9;margin:0;font-size:14px}.live{background:#ffffff26;border:1px solid #ffffff40;border-radius:20px;align-items:center;gap:7px;margin-bottom:12px;padding:3px 11px;font-size:12px;font-weight:600;display:inline-flex}.dot{background:#7be0a6;border-radius:50%;width:8px;height:8px;display:inline-block}.cards{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:22px;display:grid}@media (max-width:720px){.cards{grid-template-columns:repeat(2,1fr)}}.kpi{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px}.kpi .v{color:var(--navy);font-size:26px;font-weight:700}.kpi .l{color:var(--muted);margin-top:2px;font-size:12px;font-weight:600}h2{color:var(--navy);margin:24px 0 10px;font-size:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:8px;padding:6px 0}.row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 16px;display:flex}.row:last-child{border-bottom:0}.bcode{color:var(--navy);width:48px;font-weight:700}.occ{border-radius:5px;padding:1px 8px;font-size:12px;font-weight:700}.occ.on{color:var(--teal);background:#006b7f1f}.occ.off{color:var(--muted);background:#eef2f5}.chip{color:var(--teal);background:#eaf3f7;border:1px solid #cfe3ec;border-radius:5px;margin-left:4px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-block}.muted{color:var(--muted);font-size:13px}.foot{color:var(--muted);text-align:center;margin-top:28px;font-size:12px}.flash{color:#1f6b3d;background:#eaf7ef;border:1px solid #bfe3cc;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:14px;font-weight:600}.form{padding:16px}.frow{grid-template-columns:repeat(4,1fr);align-items:end;gap:10px;margin-bottom:8px;display:grid}@media (max-width:760px){.frow{grid-template-columns:1fr 1fr}}.frow label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.frow input,.frow select,.lrow select{color:var(--ink);background:#fff;border:1px solid #c6d3dc;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:14px}.frow-actions{align-items:flex-end;gap:6px;padding-bottom:2px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:8px 14px;font-size:13.5px;font-weight:600}.btn.primary{background:var(--navy);color:#fff}.btn.primary:hover{background:var(--teal)}.btn.ghost{color:var(--muted);background:#fff;border-color:#c6d3dc}.btn.ghost:hover{color:var(--navy);border-color:var(--navy)}.lrow{gap:10px}.lmain{flex:1;min-width:0}.stbadge{white-space:nowrap;border-radius:6px;padding:2px 9px;font-size:11.5px;font-weight:700}.st-exp{color:#5b6b7a;background:#eef2f5}.st-act{color:var(--teal);background:#006b7f1f}.st-work{color:#8a6a10;background:#d9aa272e}.st-done{color:#4c6b57;background:#e9efea}