*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--navy:#1a2b4a;--navy-l:#243758;--accent:#3b82f6;--bg:#0f172a;--surface:#1e293b;--surface2:#263348;--border:#334155;--text:#e2e8f0;--muted:#94a3b8;--active-bg:#166534;--active-fg:#dcfce7;--charging-bg:#1e40af;--charging-fg:#dbeafe;--spare-bg:#374151;--spare-fg:#d1d5db;--faulty-bg:#92400e;--faulty-fg:#fef3c7;--missing-bg:#991b1b;--missing-fg:#fee2e2;--repair-bg:#4c1d95;--repair-fg:#ede9fe;--crit-bg:#7f1d1d;--crit-fg:#fca5a5;--imp-bg:#713f12;--imp-fg:#fde68a}body,html{height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.layout{display:flex;flex-direction:column;min-height:100vh}.nav{background:var(--navy);border-bottom:1px solid var(--border);padding:0 1.5rem;height:56px;display:flex;align-items:center;gap:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.nav-brand{font-weight:700;font-size:1rem;letter-spacing:.02em;white-space:nowrap}.nav-links{display:flex;gap:.25rem;flex:1 1}.nav-link{padding:.4rem .75rem;border-radius:6px;font-size:.85rem;color:var(--muted);transition:all .15s;white-space:nowrap}.nav-link.active,.nav-link:hover{background:var(--navy-l);color:var(--text)}.main{flex:1 1;padding:1.5rem;max-width:1400px;width:100%;margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.stat-val{font-size:2rem;font-weight:700;line-height:1}.stat-label{font-size:.8rem;color:var(--muted);margin-top:.3rem}.stat-miss{border-left:3px solid #ef4444}.stat-fault{border-left:3px solid #f97316}.stat-active{border-left:3px solid #22c55e}.stat-total{border-left:3px solid var(--accent)}.stat-crit{border-left:3px solid #dc2626}.table-wrap{overflow-x:auto;border-radius:10px;border:1px solid var(--border)}table{width:100%;border-collapse:collapse;background:var(--surface)}thead{background:var(--navy);position:-webkit-sticky;position:sticky;top:56px;z-index:10}th{padding:.75rem 1rem;text-align:left;font-size:.78rem;font-weight:600;color:#93b4ff;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}td,th{border-bottom:1px solid var(--border)}td{padding:.65rem 1rem;font-size:.85rem;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .1s}tbody tr:hover{background:var(--surface2)}tbody tr.row-missing{background:#3f0000}tbody tr.row-missing:hover{background:#4d0000}tbody tr.row-faulty{background:#2a1a00}tbody tr.row-faulty:hover{background:#331f00}tbody tr.row-critical td:first-child{border-left:3px solid #ef4444}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge-active{background:var(--active-bg);color:var(--active-fg)}.badge-charging{background:var(--charging-bg);color:var(--charging-fg)}.badge-spare{background:var(--spare-bg);color:var(--spare-fg)}.badge-faulty{background:var(--faulty-bg);color:var(--faulty-fg)}.badge-missing{background:var(--missing-bg);color:var(--missing-fg);animation:pulse 2s infinite}.badge-repair{background:var(--repair-bg);color:var(--repair-fg)}.badge-normal{background:var(--spare-bg);color:var(--spare-fg)}.badge-important{background:var(--imp-bg);color:var(--imp-fg)}.badge-critical{background:var(--crit-bg);color:var(--crit-fg);font-weight:700}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:7px;font-size:.85rem;font-weight:500;cursor:pointer;border:none;transition:all .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:#7f1d1d;color:#fca5a5;border:1px solid #991b1b}.btn-danger:hover{background:#991b1b}.btn-sm{padding:.3rem .65rem;font-size:.78rem}.btn-icon{padding:.35rem .5rem;background:transparent;color:var(--muted)}.btn-icon:hover{background:var(--surface2);color:var(--text)}.form-group{display:flex;flex-direction:column;gap:.4rem}label{font-size:.82rem;color:var(--muted);font-weight:500}input,select,textarea{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:.55rem .8rem;font-size:.88rem;width:100%;transition:border-color .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}textarea{resize:vertical;min-height:80px}select option{background:var(--surface)}.filter-bar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1rem}.filter-bar select{width:auto}.filter-bar input{flex:1 1;min-width:200px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem;width:100%;max-width:560px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.modal-title{font-size:1.1rem;font-weight:600}.modal-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media (max-width:500px){.modal-grid{grid-template-columns:1fr}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.page-title{font-size:1.4rem;font-weight:700}.section-label{font-size:.75rem;font-weight:600;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem}.tabs{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.tab{padding:.4rem .9rem;border-radius:20px;font-size:.82rem;font-weight:500;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--muted);transition:all .15s}.tab.active,.tab:hover{background:var(--navy);color:var(--text);border-color:var(--navy)}.tab-missing.active{background:var(--missing-bg);border-color:#991b1b;color:var(--missing-fg)}.tab-faulty.active{background:var(--faulty-bg);border-color:#92400e;color:var(--faulty-fg)}.tab-critical.active{background:var(--crit-bg);border-color:#7f1d1d;color:var(--crit-fg)}.toast{position:fixed;bottom:1.5rem;right:1.5rem;background:#166534;color:#dcfce7;padding:.75rem 1.25rem;border-radius:8px;font-size:.88rem;font-weight:500;z-index:200;animation:slideIn .2s ease}.toast.error{background:#991b1b;color:#fee2e2}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:768px){.main{padding:1rem}.nav{padding:0 1rem;gap:1rem}.nav-brand{font-size:.9rem}.hide-mobile{display:none!important}}