:root{--orange:#f97316;--orange-dark:#ea6c0a;--orange-soft:#fff5ee;--navy:#1a1a2e;--ink:#1a1a2e;--ink-soft:#666;--muted:#999;--line:#e8eaf0;--bg:#f4f6f9;--surface:#fff;--gauge-track:#eef2f7;--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;box-shadow:0 1px 2px #1018280a,0 1px 3px #1018280d}.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:6px 16px;font-size:11px;font-weight:700}.table td{color:#333;border-bottom:1px solid #f7f7f7;padding:6px 16px;font-size:13px;line-height:1.35}.table tbody tr:nth-child(2n) td{background:#dfe2e9}.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:#fff;border-right:1px solid #e9eef3;flex-direction:column;display:flex;overflow-y:auto}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:8px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar-brand{z-index:1;background:#fff;border-bottom:1px solid #eef2f6;align-items:center;gap:11px;padding:16px 16px 14px;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:#1e293b;font-size:15px;font-weight:800;line-height:1.1}.sidebar-brand b span{color:var(--orange)}.sidebar-brand small{color:#94a3b8;font-size:10px}.nav-group{padding:3px 8px}.nav-group+.nav-group{border-top:none;margin-top:0;padding-top:2px}.nav-group-label{text-transform:uppercase;letter-spacing:1.2px;color:#94a3b8;padding:4px 12px;font-size:10px;font-weight:700}.nav-group-toggle{cursor:pointer;width:calc(100% - 8px);font:inherit;text-align:left;color:#475569;background:0 0;border:none;border-radius:10px;align-items:center;gap:11px;margin:1px 4px;padding:9px 12px;transition:background .14s,color .14s;display:flex;position:relative}.nav-group-toggle:hover{color:#1e293b;background:#f4f6f9}.nav-group-toggle.ativo{color:#c2410c;background:#fff3e9}.nav-group-toggle.ativo .gl{font-weight:700}.nav-group-toggle.ativo:before{content:"";background:var(--orange);border-radius:3px;width:3px;position:absolute;top:7px;bottom:7px;left:-4px}.nav-group-toggle .gi{flex-shrink:0;justify-content:center;align-items:center;width:20px;display:inline-flex}.nav-group-toggle .gl{letter-spacing:.2px;text-transform:none;flex:1;font-size:13px;font-weight:600}.nav-group-toggle .gc{opacity:.5;font-size:9px;transition:transform .15s,opacity .15s}.nav-group-toggle .gc.open{opacity:.8;transform:rotate(90deg)}.nav-item{color:#475569;border-radius:9px;align-items:center;gap:11px;margin:1px 6px 1px 12px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .14s,color .14s;display:flex;position:relative}.nav-item:hover{color:#1e293b;background:#f4f6f9}.nav-item.active{color:#c2410c;background:#fff3e9;font-weight:600}.nav-item.active:before{content:"";background:var(--orange);border-radius:3px;width:3px;position:absolute;top:7px;bottom:7px;left:-6px}.sidebar .ico{flex-shrink:0;justify-content:center;align-items:center;width:20px;display:inline-flex}.sidebar-bottom{background:#fff;border-top:1px solid #eef2f6;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:#1e293b;font-size:12px;font-weight:600}.user-card .uinfo .urole{color:#94a3b8;font-size:10px}.logout-btn{color:#64748b;cursor:pointer;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 .14s;display:flex}.logout-btn:hover{color:#dc2626;background:#fdecea}.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}.print-only{display:none}@media print{.sidebar,.topbar,.no-print{display:none!important}.shell{height:auto;display:block;overflow:visible}.main{overflow:visible}.content{padding:0;overflow:visible}.card{box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important}body,.main,.content{background:#fff!important}.print-only{display:block!important}@page{size:A4 landscape;margin:12mm 9mm 15mm}.print-header{margin-bottom:10px}.print-header .ph-top{border-bottom:2px solid #f97316;align-items:center;gap:14px;padding-bottom:8px;display:flex}.print-header .ph-logo{width:auto;height:38px}.print-header .ph-meta{flex:1}.print-header .ph-title{color:#111;font-size:16px;font-weight:700}.print-header .ph-sub{color:#444;margin-top:3px;font-size:10px}.print-header .ph-when{color:#555;text-align:right;white-space:nowrap;font-size:9px}.print-header .ph-tot{color:#111;margin:7px 0 2px;font-size:10px;font-weight:600}table.table{border-collapse:collapse;width:100%;font-size:9.5px}table.table thead{display:table-header-group}table.table th{-webkit-print-color-adjust:exact;print-color-adjust:exact;text-align:left;border:.5px solid #b8b8b8;padding:3px 6px;font-size:8.5px;color:#111!important;background:#eee!important}table.table td{color:#222;border:.5px solid #d0d0d0;padding:3px 6px}table.table tbody tr{page-break-inside:avoid}table.table tbody tr:nth-child(2n) td{-webkit-print-color-adjust:exact;background:#f7f7f7!important}.empty{color:#555!important}.print-footer{color:#888;text-align:center;border-top:.5px solid #ddd;padding-top:3px;font-size:8px;position:fixed;bottom:3mm;left:0;right:0;display:block!important}}.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}html.dark{--orange-soft:#2c2118;--navy:#0b1220;--ink:#e5e9f0;--ink-soft:#9aa6b6;--muted:#8a97a8;--line:#2b3648;--bg:#0f172a;--surface:#1b2436;--gauge-track:#2b3648}html.dark body{color:var(--ink)}html.dark ::-webkit-scrollbar-thumb{background:#3a465c}html.dark .btn{color:var(--ink);border-color:var(--line);background:#273245}html.dark .btn:hover{background:#313e54}html.dark .btn-ghost{color:var(--ink-soft);background:0 0;border-color:#0000}html.dark .btn-ghost:hover{background:#273245}html.dark .btn-danger{color:#fca5a5;background:#3a1f22;border-color:#5b2a2e}html.dark .btn-danger:hover{background:#4a2429}html.dark .input,html.dark .select{color:var(--ink);border-color:var(--line);background:#131c2e}html.dark .input:focus,html.dark .select:focus{background:#18243a;box-shadow:0 0 0 3px #f9731624}html.dark .table th{color:#8a97a8;border-bottom-color:var(--line)}html.dark .table td{color:#cdd5e1;border-bottom-color:#232d3f}html.dark .table tbody tr:nth-child(2n) td{background:#161f2e}html.dark .table tbody tr:hover td{background:#2c2118!important}html.dark .badge-ok{background:#10241a}html.dark .badge-off{background:#2a1618}html.dark .badge-gray,html.dark .chip{background:#273245}html.dark .checklist label:hover{background:#1f293c}html.dark .checklist .area-h{background:#161e2e}html.dark .sidebar{background:#0e1626;border-right-color:#1c2638}html.dark .sidebar-brand{background:#0e1626;border-bottom-color:#1c2638}html.dark .sidebar-brand b{color:var(--ink)}html.dark .nav-group-toggle{color:#c2ccda}html.dark .nav-group-toggle:hover{color:#fff;background:#1b2436}html.dark .nav-group-toggle.ativo{color:#fdba74;background:#2c2118}html.dark .nav-item{color:#c2ccda}html.dark .nav-item:hover{color:#fff;background:#1b2436}html.dark .nav-item.active{color:#fdba74;background:#2c2118}html.dark .sidebar-bottom{background:#0e1626;border-top-color:#1c2638}html.dark .user-card .uinfo .uname{color:var(--ink)}html.dark .logout-btn{color:#9aa6b6}html.dark .logout-btn:hover{color:#fca5a5;background:#3a1f22}html.dark .topbar{background:#0e1626;border-bottom-color:#1c2638}