:root{--bg: #0a0e17;--bg-2: #0f1522;--panel: #131a2a;--panel-2: #182136;--border: #22304a;--text: #e6ecf7;--muted: #8a99b5;--primary: #2f7cf6;--primary-2: #5b9bff;--primary-soft: rgba(47, 124, 246, .14);--ok: #22c55e;--warn: #f5b10b;--high: #f97316;--crit: #ef4444;--radius: 10px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased}a{color:var(--primary-2);text-decoration:none}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:var(--text);background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:8px 10px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}:focus-visible{outline:2px solid var(--primary-2);outline-offset:2px}.layout{display:grid;grid-template-columns:240px 1fr;height:100%}.sidebar{background:var(--bg-2);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:18px 16px;font-weight:700;letter-spacing:.3px}.brand-mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--primary),#1d4ed8);display:grid;place-items:center;font-weight:800}.brand small{display:block;color:var(--muted);font-weight:500;font-size:11px;letter-spacing:1.2px}.nav-section{padding:10px 12px 2px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}.nav a{display:flex;align-items:center;gap:8px;margin:1px 8px;padding:8px 10px;border-radius:8px;color:var(--text);opacity:.85}.nav a:hover{background:var(--panel);opacity:1}.nav a.active{background:var(--primary-soft);color:var(--primary-2);opacity:1}.main{display:flex;flex-direction:column;min-width:0;height:100%}.topbar{display:flex;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:5}.topbar .spacer{flex:1}.search-btn{display:flex;align-items:center;gap:10px;min-width:320px;padding:8px 12px;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;color:var(--muted)}kbd{font:11px var(--font);padding:1px 6px;border:1px solid var(--border);border-radius:4px;color:var(--muted)}.content{padding:20px;overflow-y:auto;flex:1}.page-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.page-title h1{margin:0;font-size:20px}.page-title p{margin:2px 0 0;color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text)}.btn:hover{border-color:var(--primary)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-2)}.btn.danger{background:#ef44441f;border-color:#ef444480;color:#fca5a5}.btn.sm{padding:4px 8px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.grid{display:grid;gap:12px}.grid.kpis{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px;min-width:0}.card h3{margin:0 0 10px;font-size:13px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.6px}.kpi .value{font-size:24px;font-weight:700}.kpi .label{color:var(--muted);font-size:12px}.delta{font-size:12px;font-weight:600}.delta.up{color:var(--ok)}.delta.down{color:var(--crit)}.delta.flat{color:var(--muted)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.table-head,.table-row{display:grid;align-items:center;gap:8px;padding:0 12px}.table-head{height:38px;background:var(--panel-2);color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.table-row{height:44px;border-top:1px solid var(--border)}.table-row.clickable{cursor:pointer}.table-row.clickable:hover{background:var(--panel-2)}.cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-scroll{overflow-y:auto}.pager{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid var(--border);color:var(--muted)}table.simple{width:100%;border-collapse:collapse}table.simple th,table.simple td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--border);vertical-align:top}table.simple th{color:var(--muted);font-weight:600;font-size:12px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;background:var(--panel-2);border:1px solid var(--border);white-space:nowrap}.badge.ok{color:var(--ok);border-color:#22c55e66}.badge.INFO{color:var(--primary-2)}.badge.ATENCAO,.badge.warn{color:var(--warn);border-color:#f5b10b66}.badge.ALTO{color:var(--high);border-color:#f9731666}.badge.CRITICO,.badge.crit,.badge.failure,.badge.denied{color:var(--crit);border-color:#ef444466}.badge.success{color:var(--ok)}.skeleton{background:linear-gradient(90deg,var(--panel) 25%,var(--panel-2) 50%,var(--panel) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:6px}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.empty{text-align:center;padding:36px 16px;color:var(--muted)}.empty strong{display:block;color:var(--text);margin-bottom:4px}.error-box{border:1px solid rgba(239,68,68,.4);background:#ef444414;border-radius:8px;padding:10px 12px;color:#fecaca}.error-box code{color:#fca5a5}.drawer-backdrop,.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02060f99;z-index:40}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(520px,100vw);background:var(--bg-2);border-left:1px solid var(--border);z-index:41;display:flex;flex-direction:column}.drawer header,.modal header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.drawer .body{padding:16px;overflow-y:auto;flex:1}.modal{position:fixed;top:12vh;left:50%;transform:translate(-50%);width:min(560px,94vw);background:var(--bg-2);border:1px solid var(--border);border-radius:12px;z-index:41}.modal .body{padding:16px}.palette input{width:100%;border:0;border-bottom:1px solid var(--border);border-radius:12px 12px 0 0;padding:14px 16px;font-size:15px;background:transparent;box-shadow:none}.palette ul{list-style:none;margin:0;padding:6px;max-height:50vh;overflow-y:auto}.palette li{padding:8px 10px;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;gap:8px}.palette li.sel{background:var(--primary-soft);color:var(--primary-2)}.palette .group{color:var(--muted);font-size:11px;text-transform:uppercase;padding:8px 10px 2px;cursor:default}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:14px;overflow-x:auto}.tabs button{background:none;border:0;padding:8px 12px;color:var(--muted);border-bottom:2px solid transparent}.tabs button.active{color:var(--primary-2);border-color:var(--primary)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:10px}.muted{color:var(--muted)}.mono{font-family:ui-monospace,JetBrains Mono,Consolas,monospace;font-size:12px}.kv{display:grid;grid-template-columns:170px 1fr;gap:6px 12px}.kv dt{color:var(--muted)}.kv dd{margin:0;overflow-wrap:anywhere}.banner-imp{background:#7c2d12;color:#fed7aa;padding:8px 20px;display:flex;justify-content:space-between;align-items:center;font-weight:600}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--ok)}.status-dot.ATENCAO{background:var(--warn)}.status-dot.ALTO{background:var(--high)}.status-dot.CRITICO{background:var(--crit)}.bar{height:8px;border-radius:4px;background:var(--panel-2);overflow:hidden}.bar>span{display:block;height:100%;background:var(--primary)}.login-wrap{min-height:100%;display:grid;place-items:center;padding:20px;background:radial-gradient(1200px 600px at 50% -10%,rgba(47,124,246,.18),transparent)}.login-card{width:min(400px,100%)}.toast{position:fixed;bottom:16px;right:16px;z-index:60;max-width:420px}.bell,.bell-btn{position:relative}.bell-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--crit);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}.bell-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(380px,calc(100vw - 32px));max-height:70vh;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 40px #00000073;z-index:20}.bell-panel header{padding:10px 12px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--panel)}.bell-panel ul{list-style:none;margin:0;padding:0}.bell-panel li button{display:block;width:100%;text-align:left;padding:10px 12px;background:none;border:0;border-bottom:1px solid var(--border);color:var(--text);cursor:pointer}.bell-panel li button:hover{background:var(--panel-2)}.bell-panel li.unread button{border-left:3px solid var(--primary)}@media(max-width:860px){.layout{grid-template-columns:1fr}.sidebar{display:none}.search-btn{min-width:0;flex:1}.kv{grid-template-columns:1fr}}