:root{--orange:#f97316;--orange-dark:#ea6c0a;--orange-soft:#fff5ee;--navy:#1a1a2e;--ink:#1a1a2e;--ink-soft:#666;--muted:#999;--line:#e8eaf0;--bg:#f4f6f9;--surface:#fff;--ok:#16a34a;--danger:#dc2626;--warn:#d97706}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{background:var(--bg);color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,sans-serif}#root{height:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}.btn{color:var(--ink);border:none;border:1.5px solid var(--line);background:#f4f6f9;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.btn:hover{background:#eaecf0}.btn-primary{background:var(--orange);color:#fff;border-color:var(--orange)}.btn-primary:hover{background:var(--orange-dark)}.btn-ghost{color:var(--ink-soft);background:0 0;border-color:#0000}.btn-ghost:hover{background:#f4f6f9}.btn-danger{color:var(--danger);background:#fef2f2;border-color:#fecaca}.btn-danger:hover{background:#fee2e2}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:12px}.field{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.field label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.input,.select{width:100%;color:var(--ink);border:1.5px solid var(--line);background:#fafbfc;border-radius:7px;outline:none;padding:9px 12px;font-size:13px;transition:all .15s}.input:focus,.select:focus{border-color:var(--orange);background:#fff;box-shadow:0 0 0 3px #f9731614}.form-section-title{color:var(--orange);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--orange-soft);margin:4px 0 12px;padding-bottom:8px;font-size:12px;font-weight:700}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:#aaa;text-transform:uppercase;letter-spacing:.7px;white-space:nowrap;border-bottom:1px solid #f0f0f0;padding:10px 16px;font-size:11px;font-weight:700}.table td{color:#333;border-bottom:1px solid #f7f7f7;padding:12px 16px;font-size:13px}.table tbody tr:nth-child(2n) td{background:#f7f8fb}.table tbody tr:hover td{background:#fff5ee!important}.table tr:last-child td{border-bottom:none}.badge{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge:before{content:"";border-radius:50%;width:6px;height:6px}.badge-ok{color:var(--ok);background:#f0fdf4}.badge-ok:before{background:var(--ok)}.badge-off{color:var(--danger);background:#fef2f2}.badge-off:before{background:var(--danger)}.badge-soft{background:var(--orange-soft);color:var(--orange)}.badge-soft:before{background:var(--orange)}.badge-gray{color:var(--ink-soft);background:#eef0f3}.badge-gray:before{background:var(--muted)}.chip{color:var(--ink-soft);background:#eef0f3;border-radius:6px;margin:2px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.login-wrap{background:linear-gradient(135deg,#1a1a2e 0%,#2a2a44 55%,#5a3417 100%);place-items:center;height:100vh;display:grid}.login-card{background:var(--surface);border-radius:16px;width:390px;padding:34px 36px;box-shadow:0 24px 70px #0006}.login-logo{justify-content:center;margin-bottom:8px;display:flex}.login-logo img{object-fit:contain;border-radius:10px;height:78px}.login-sub{text-align:center;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:26px;font-size:12px;font-weight:600}.alert{color:var(--danger);background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:13px}.shell{grid-template-columns:230px 1fr;height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--navy);flex-direction:column;display:flex;overflow-y:auto}.sidebar-brand{background:var(--navy);z-index:1;border-bottom:1px solid #ffffff12;align-items:center;gap:11px;padding:18px 18px 16px;display:flex;position:sticky;top:0}.sidebar-brand .mark{background:var(--orange);border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;padding:5px;display:grid}.sidebar-brand .mark img{object-fit:contain;width:100%;height:100%}.sidebar-brand b{color:#fff;font-size:15px;font-weight:800;line-height:1.1}.sidebar-brand b span{color:var(--orange)}.sidebar-brand small{color:#fff6;font-size:10px}.nav-group{padding:12px 8px 2px}.nav-group-label{text-transform:uppercase;letter-spacing:1.2px;color:#ffffff4d;padding:4px 12px;font-size:10px;font-weight:700}.nav-item{color:#fff9;border-radius:8px;align-items:center;gap:10px;margin:2px 4px;padding:9px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{color:#fff;background:#ffffff12}.nav-item.active{color:var(--orange);background:#f973162e;font-weight:600}.nav-item .ico{text-align:center;flex-shrink:0;width:18px}.sidebar-bottom{border-top:1px solid #ffffff12;margin-top:auto;padding:10px}.user-card{border-radius:8px;align-items:center;gap:10px;padding:9px 8px;display:flex}.user-card .uavatar{background:var(--orange);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}.user-card .uinfo .uname{color:#fff;font-size:12px;font-weight:600}.user-card .uinfo .urole{color:#fff6;font-size:10px}.logout-btn{color:#ffffff8c;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;margin-top:4px;padding:9px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.logout-btn:hover{color:#fff;background:#ffffff12}.main{flex-direction:column;display:flex;overflow:hidden}.topbar{background:var(--surface);border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 28px;display:flex}.topbar h1{font-size:16px;font-weight:700}.content{flex:1;padding:24px 28px;overflow-y:auto}.page-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-head h2{font-size:20px}.muted{color:var(--muted);font-size:13px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px}.stat-card .ico{background:var(--orange-soft);border-radius:10px;place-items:center;width:42px;height:42px;margin-bottom:10px;font-size:20px;display:grid}.overlay{z-index:50;background:#1a1a2e73;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--surface);flex-direction:column;width:520px;max-width:92vw;height:100%;animation:.2s slidein;display:flex;overflow-y:auto;box-shadow:-10px 0 40px #0003}@keyframes slidein{0%{opacity:.6;transform:translate(40px)}to{opacity:1;transform:none}}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.drawer-head h3{font-size:16px}.drawer-body{flex:1;padding:24px}.drawer-foot{border-top:1px solid var(--line);background:var(--surface);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex;position:sticky;bottom:0}.grid2{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.checklist{border:1px solid var(--line);border-radius:10px;max-height:240px;overflow-y:auto}.checklist label{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:9px;padding:8px 12px;font-size:13px;display:flex}.checklist label:last-child{border-bottom:none}.checklist label:hover{background:#fafbfc}.checklist .area-h{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px;cursor:default;background:#f7f8fa;font-size:11px;font-weight:700}.spinner{border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center-load{height:100vh;color:var(--muted);place-items:center;display:grid}.empty{text-align:center;color:var(--muted);padding:48px}