:root{--navy-950: #001638;--navy-900: #032150;--navy-800: #072b65;--blue-600: #0f6bff;--blue-700: #0759df;--blue-100: #eaf2ff;--green-600: #11b95f;--green-100: #e6f8ee;--red-600: #ff2f3d;--red-100: #ffe8eb;--orange-500: #f59e0b;--orange-100: #fff2d9;--slate-950: #07142f;--slate-700: #34476a;--slate-500: #64748b;--slate-300: #d8e0ef;--slate-200: #e8edf5;--slate-100: #f4f7fb;--white: #ffffff;--shadow: 0 14px 34px rgba(7, 20, 47, .08);--shadow-soft: 0 8px 22px rgba(7, 20, 47, .06);--radius-lg: 22px;--radius-md: 16px;--sidebar: 264px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--slate-950);background:#f7faff}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.card{background:#ffffffeb;border:1px solid var(--slate-200);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.card-pad{padding:24px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.section-grid{display:grid;gap:24px}.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.metric-card{min-height:158px;padding:28px;display:flex;align-items:center;gap:22px}.icon-box{width:82px;height:82px;display:grid;place-items:center;border-radius:20px;font-size:34px;flex:0 0 auto}.icon-blue{background:var(--blue-100);color:var(--blue-600)}.icon-green{background:var(--green-100);color:var(--green-600)}.icon-red{background:var(--red-100);color:var(--red-600)}.icon-orange{background:var(--orange-100);color:var(--orange-500)}.metric-label{color:#07142f;font-weight:800;margin-bottom:6px}.metric-value{font-weight:900;font-size:34px;color:var(--blue-600);line-height:1}.metric-value.green{color:var(--green-600)}.metric-value.red{color:var(--red-600)}.metric-value.orange{color:var(--orange-500)}.metric-note{margin-top:8px;color:#53678c;font-size:14px}.trend-up{color:var(--green-600);font-weight:800}.header-card{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.header-card h2,.header-card h3{margin:0;font-size:20px}.filter-btn,.primary-btn,.outline-btn{height:44px;padding:0 18px;border-radius:12px;border:1px solid var(--slate-200);background:#fff;font-weight:800;color:#213453}.primary-btn{background:linear-gradient(135deg,#0f6bff,#0759df);color:#fff;border:none;box-shadow:0 12px 24px #0f6bff42}.outline-btn{color:var(--blue-600)}button:disabled{opacity:.55;cursor:not-allowed}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:16px 14px;border-bottom:1px solid var(--slate-200);text-align:left;vertical-align:middle;white-space:nowrap}th{color:#07142f;font-size:14px;font-weight:900}td{color:#1d3154;font-size:14px}.status-pill,.severity-pill{display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:9px 14px;font-weight:900;font-size:14px}.status-active,.status-registered,.status-resolved{background:var(--green-100);color:var(--green-600)}.status-maintenance,.status-acknowledged{background:var(--orange-100);color:#f97316}.status-offline,.status-active-alert,.severity-critical{background:var(--red-100);color:var(--red-600)}.severity-high{background:var(--orange-100);color:#f97316}.severity-medium{background:#fff7db;color:#eab308}.severity-low{background:var(--green-100);color:var(--green-600)}.icon-action{width:40px;height:40px;border-radius:12px;border:1px solid var(--slate-200);background:#fff;color:var(--blue-600);font-weight:900}.danger-action{color:var(--red-600)}.form-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.input,.select,textarea{width:100%;min-height:46px;border:1px solid var(--slate-200);border-radius:12px;padding:0 14px;background:#fff;color:var(--slate-950);outline:none}.input:focus,.select:focus,textarea:focus{border-color:var(--blue-600);box-shadow:0 0 0 4px #0f6bff1a}.field{display:grid;gap:8px}.field label{font-weight:800;color:#152a50;font-size:14px}.legend{display:flex;gap:22px;flex-wrap:wrap;margin-top:18px}.legend-item{display:flex;gap:8px;align-items:center;color:#213453;font-size:14px;font-weight:700}.legend-dot{width:13px;height:13px;border-radius:50%;display:inline-block}.legend-dot.blue{background:var(--blue-600)}.legend-dot.light-blue{background:#85b5ff}.footer-row{display:flex;justify-content:space-between;align-items:center;padding-top:18px;color:#52688f;font-size:13px}.pagination{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin-top:16px}.page-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--slate-200);background:#fff;font-weight:800}.page-btn.active{background:var(--blue-600);color:#fff}.toolbar-row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.empty-state{border-radius:16px;border:1px dashed var(--slate-300);background:#fbfdff;padding:22px;text-align:center;color:#53678c;font-weight:700}.bg-green{background:var(--green-600)}.bg-red{background:var(--red-600)}.bg-blue{background:var(--blue-600)}.fade-in{animation:fadeInUp .38s ease both}.lift-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.lift-card:hover{transform:translateY(-2px);box-shadow:0 18px 45px #07142f1a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1320px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 900px){:root{--sidebar: 86px}.grid-4,.grid-3,.grid-2,.form-row{grid-template-columns:1fr}}@media (max-width: 760px){.footer-row{align-items:flex-start;flex-direction:column;gap:10px}th,td{padding:12px 10px}}