:root,[data-theme=dark]{--font-sans: "IBM Plex Sans", system-ui, sans-serif;--font-display: "Space Grotesk", "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--brand: #F60100;--brand-strong: #ff2a24;--brand-ink: #fff;--brand-bg: rgba(246,1,0,.13);--bg: #0b0b0f;--surface: #141419;--surface-2: #1c1c23;--surface-3: #26262f;--border: #2a2a33;--border-strong: #3b3b47;--text: #f4f4f6;--text-2: #a4a4b0;--text-3: #6d6d79;--ok: #1fbf6b;--ok-bg: rgba(31,191,107,.15);--warn: #f5a623;--warn-bg: rgba(245,166,35,.15);--info: #4b8dff;--info-bg: rgba(75,141,255,.15);--crit: #ff453c;--crit-bg: rgba(255,69,60,.15);--fam-optico: #2dd4bf;--fam-wifi: #4b8dff;--fam-wan: #a78bfa;--fam-saude: #1fbf6b;--fam-hosts: #8b9bb4;--fam-voz: #f472b6;--shadow: 0 1px 2px rgba(0,0,0,.5), 0 12px 32px -8px rgba(0,0,0,.55);--ring: rgba(246,1,0,.45)}[data-theme=light]{--brand: #F60100;--brand-strong: #d40b0b;--brand-ink: #fff;--brand-bg: #fdeaea;--bg: #f5f5f8;--surface: #ffffff;--surface-2: #f4f4f7;--surface-3: #ececf1;--border: #e7e7ee;--border-strong: #d6d6e0;--text: #14141b;--text-2: #5b5b69;--text-3: #9090a0;--ok: #0f9d58;--ok-bg: #e6f6ee;--warn: #c9820a;--warn-bg: #fdf1dd;--info: #2a6fdb;--info-bg: #e8f0fe;--crit: #e00b0b;--crit-bg: #fdeaea;--fam-optico: #0d9488;--fam-wifi: #2a6fdb;--fam-wan: #7c3aed;--fam-saude: #0f9d58;--fam-hosts: #5b6b85;--fam-voz: #db2777;--shadow: 0 1px 2px rgba(20,20,45,.06), 0 10px 28px -8px rgba(20,20,45,.14);--ring: rgba(246,1,0,.28)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-strong)}::selection{background:#f6010047;color:#fff}svg.ic{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:9px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--text-3);background-clip:padding-box}.mono{font-family:var(--font-mono)}.muted{color:var(--text-2)}.dim{color:var(--text-3)}@keyframes fbspin{to{transform:rotate(360deg)}}@keyframes fbfade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fbpulse{0%{transform:scale(.9);opacity:.5}70%,to{transform:scale(1.9);opacity:0}}.spin{animation:fbspin 1s linear infinite}.login-wrap{display:flex;min-height:100vh;background:var(--bg)}.login-brand{position:relative;flex:1;overflow:hidden;min-width:0;padding:56px 60px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(1200px 600px at 12% -10%,rgba(246,1,0,.22),transparent 55%),#0b0b0f;color:#fff}.login-rings{position:absolute;right:-80px;bottom:-80px;width:520px;height:520px;opacity:.5}.login-form-side{flex:none;width:min(50%,560px);display:flex;align-items:center;justify-content:center;padding:40px;background:var(--surface);border-left:1px solid var(--border)}.login-card{width:100%;max-width:380px}.brand-row{position:relative;display:flex;align-items:center;gap:13px}.brand-badge{width:40px;height:40px;flex:none;border-radius:11px;background:var(--brand);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px -2px var(--ring)}.feat-icon{width:38px;height:38px;flex:none;border-radius:10px;background:#f601001f;color:var(--brand);display:flex;align-items:center;justify-content:center}.field{position:relative}.field>svg.ic{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-3)}.input{width:100%;height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:400 14px var(--font-sans);outline:none;transition:border-color .12s,box-shadow .12s}.field .input{padding-left:40px}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--ring)}.lbl{display:block;font-size:12.5px;font-weight:500;color:var(--text-2);margin-bottom:7px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border-radius:9px;border:1px solid transparent;font:600 13px var(--font-sans);height:38px;padding:0 15px;transition:background .12s,border-color .12s,opacity .12s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 6px 18px -6px var(--ring)}.btn-primary:hover:not(:disabled){background:var(--brand-strong)}.btn-outline{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-outline:hover:not(:disabled){border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-lg{height:46px;border-radius:10px;font-size:14px;width:100%}.iconbtn{width:36px;height:36px;flex:none;border-radius:9px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center}.iconbtn:hover{color:var(--text);border-color:var(--border-strong)}.app{display:flex;height:100vh;overflow:hidden;background:var(--bg);color:var(--text)}.sidebar{flex:none;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);transition:width .18s ease;overflow:hidden}.side-head{height:60px;flex:none;display:flex;align-items:center;gap:11px;padding:0 16px;border-bottom:1px solid var(--border)}.side-logo{width:32px;height:32px;flex:none;border-radius:9px;background:var(--brand);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px -2px var(--ring)}.side-nav{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:3px}.nav-group{font:600 10px var(--font-mono);letter-spacing:1.5px;color:var(--text-3);padding:8px 10px 6px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;padding:9px 11px;border-radius:9px;border:0;cursor:pointer;width:100%;text-align:left;font:500 13.5px var(--font-sans);background:transparent;color:var(--text-2);transition:background .12s;white-space:nowrap}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--brand-bg);color:var(--brand);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--brand)}.nav-item .lbl-txt{flex:1;overflow:hidden}.nav-badge{flex:none;font:600 11px var(--font-mono);color:var(--crit);background:var(--crit-bg);padding:1px 7px;border-radius:20px}.side-foot{flex:none;padding:12px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;flex:none;border-radius:50%;background:var(--surface-3);display:flex;align-items:center;justify-content:center;font:600 12px var(--font-sans);color:var(--text-2)}.topbar{height:60px;flex:none;display:flex;align-items:center;gap:14px;padding:0 20px;border-bottom:1px solid var(--border);background:var(--surface)}.tenant-btn{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 8px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:default}.tenant-badge{width:26px;height:26px;border-radius:7px;background:var(--brand);display:flex;align-items:center;justify-content:center;font:700 12px var(--font-display);color:#fff}.search{position:relative;width:min(320px,32vw)}.search>svg.ic{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-3)}.search input{width:100%;height:36px;padding:0 12px 0 34px;border-radius:9px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:400 13px var(--font-sans);outline:none}.search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--ring)}.seg{display:flex;border:1px solid var(--border);border-radius:9px;overflow:hidden;background:var(--surface-2)}.seg button{padding:0 11px;height:36px;border:0;cursor:pointer;font:600 12px var(--font-sans);background:transparent;color:var(--text-2)}.seg button.on{background:var(--brand);color:#fff}.content{flex:1;overflow-y:auto}.wrap{padding:24px 34px 28px;max-width:none;margin:0;animation:fbfade .18s ease}.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.pagehead h1{font:600 24px/1.1 var(--font-display);letter-spacing:-.6px;margin:0}.pagehead .sub{margin:7px 0 0;color:var(--text-2);font-size:13.5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:18px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 17px}.kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.kpi-ic{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center}.kpi-val{font:600 27px/1 var(--font-display);letter-spacing:-.5px}.kpi-val .u{font:500 12px var(--font-mono);color:var(--text-3);margin-left:5px}.kpi-lbl{margin-top:8px;font-size:12.5px;color:var(--text-2)}.card-title{font:600 15px var(--font-display)}.grid-2{display:grid;grid-template-columns:1.9fr 1fr;gap:18px;align-items:start}@media(max-width:980px){.grid-2{grid-template-columns:1fr}}.grid-even{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}@media(max-width:980px){.grid-even{grid-template-columns:1fr}}.table-card{overflow:hidden}.tbl-scroll{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse}table.tbl thead th{text-align:left;font:600 11px var(--font-mono);letter-spacing:.4px;text-transform:uppercase;color:var(--text-3);padding:12px 16px;border-bottom:1px solid var(--border);white-space:nowrap}table.tbl tbody td{padding:13px 16px;border-bottom:1px solid var(--border);font-size:13.5px}table.tbl tbody tr:last-child td{border-bottom:0}table.tbl tbody tr.click{cursor:pointer;transition:background .1s}table.tbl tbody tr.click:hover{background:var(--surface-2)}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font:600 12px var(--font-sans)}.pill .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.pill-ok{background:var(--ok-bg);color:var(--ok)}.pill-warn{background:var(--warn-bg);color:var(--warn)}.pill-crit{background:var(--crit-bg);color:var(--crit)}.pill-info{background:var(--info-bg);color:var(--info)}.pill-muted{background:var(--surface-3);color:var(--text-2)}.fam-optico{color:var(--fam-optico);background:color-mix(in srgb,var(--fam-optico) 15%,transparent)}.fam-wifi{color:var(--fam-wifi);background:color-mix(in srgb,var(--fam-wifi) 15%,transparent)}.fam-wan{color:var(--fam-wan);background:color-mix(in srgb,var(--fam-wan) 16%,transparent)}.fam-saude{color:var(--fam-saude);background:color-mix(in srgb,var(--fam-saude) 15%,transparent)}.fam-hosts{color:var(--fam-hosts);background:color-mix(in srgb,var(--fam-hosts) 18%,transparent)}.fam-voz{color:var(--fam-voz);background:color-mix(in srgb,var(--fam-voz) 16%,transparent)}.fam-other{color:var(--text-2);background:var(--surface-3)}.sig-good{color:var(--ok)}.sig-warning{color:var(--warn)}.sig-critical{color:var(--crit)}.sig-unknown{color:var(--text-3)}.opt-bar{position:relative;height:10px;border-radius:6px;margin:14px 0 8px;background:linear-gradient(90deg,var(--crit) 0%,var(--warn) 32%,var(--ok) 60%,var(--ok) 100%)}.opt-marker{position:absolute;top:50%;width:3px;height:20px;border-radius:2px;background:var(--text);transform:translate(-50%,-50%);box-shadow:0 0 0 3px var(--surface)}.metric-mini{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.metric-mini .mv{font:600 19px var(--font-display)}.metric-mini .ml{font-size:11.5px;color:var(--text-3);margin-top:3px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:20px;flex-wrap:wrap}.tab{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--text-2);font:500 13.5px var(--font-sans);padding:10px 13px;cursor:pointer;margin-bottom:-1px}.tab:hover{color:var(--text)}.tab.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}.chips{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.chip{background:var(--surface);border:1px solid var(--border);color:var(--text-2);font:500 13px var(--font-sans);padding:7px 13px;border-radius:9px;cursor:pointer}.chip:hover{color:var(--text)}.chip.on{border-color:var(--brand);color:var(--brand);background:var(--brand-bg)}.mini{font:600 12px var(--font-sans);padding:5px 11px;border-radius:7px;border:0;cursor:pointer}.mini.ok{background:var(--ok-bg);color:var(--ok)}.mini.no{background:var(--crit-bg);color:var(--crit)}.error-box{background:var(--crit-bg);border:1px solid var(--crit);color:var(--crit);padding:9px 12px;border-radius:9px;font-size:13px}.cp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000006b;z-index:60;display:flex;justify-content:flex-end;animation:cp-fade .15s ease}@keyframes cp-fade{0%{opacity:0}to{opacity:1}}.cp-panel{width:50vw;min-width:380px;max-width:720px;height:100%;background:var(--surface);border-left:1px solid var(--border);box-shadow:-24px 0 60px -20px #00000080;display:flex;flex-direction:column;animation:cp-slide .2s ease}@keyframes cp-slide{0%{transform:translate(24px);opacity:.6}to{transform:translate(0);opacity:1}}.cp-head{display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid var(--border)}.cp-badge{width:34px;height:34px;flex:none;border-radius:10px;background:var(--brand-bg);color:var(--brand);display:flex;align-items:center;justify-content:center}.cp-badge.lg{width:46px;height:46px;border-radius:13px;margin:0 auto 10px}.cp-title{font:600 15px var(--font-display)}.cp-sub{font-size:11.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-modes{display:flex;gap:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:3px}.cp-mode{border:0;background:transparent;color:var(--text-2);font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer}.cp-mode.on{background:var(--brand);color:#fff}.cp-x{border:0;background:transparent;color:var(--text-3);cursor:pointer;padding:4px;display:flex}.cp-x:hover{color:var(--text)}.cp-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px}.cp-intro{text-align:center;margin:auto;max-width:400px;padding:20px 0}.cp-sugs{display:flex;flex-direction:column;gap:8px}.cp-sug{text-align:left;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:10px;padding:10px 12px;font-size:13px;cursor:pointer;transition:border-color .15s}.cp-sug:hover{border-color:var(--brand);color:var(--brand)}.cp-msg{display:flex;flex-direction:column}.cp-msg.user{align-items:flex-end}.cp-bubble{max-width:88%;border-radius:13px;padding:10px 13px;font-size:13.5px;line-height:1.55}.cp-bubble.user{background:var(--brand);color:#fff;border-bottom-right-radius:4px}.cp-bubble.bot{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px}.cp-bubble .cp-p{margin:0 0 8px}.cp-bubble .cp-p:last-child{margin-bottom:0}.cp-bubble .cp-h{font-weight:600;margin:10px 0 6px;font-size:13.5px}.cp-bubble .cp-ul{margin:4px 0 8px;padding-left:18px}.cp-bubble .cp-ul li{margin:3px 0}.cp-code{font-family:var(--font-mono);font-size:12px;background:var(--surface-3);padding:1px 5px;border-radius:5px}.cp-reason{align-self:flex-start;max-width:88%;margin-bottom:6px}.cp-reason-t{border:0;background:transparent;color:var(--text-3);font-size:12px;cursor:pointer;display:flex;align-items:center;gap:5px;padding:2px 0}.cp-reason-b{margin-top:4px;padding:8px 11px;background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:9px;font-size:12px;color:var(--text-2);white-space:pre-wrap;line-height:1.5}.cp-typing{display:inline-flex;gap:4px;padding:3px 0}.cp-typing i{width:6px;height:6px;border-radius:50%;background:var(--text-3);animation:cp-bounce 1.2s infinite ease-in-out}.cp-typing i:nth-child(2){animation-delay:.15s}.cp-typing i:nth-child(3){animation-delay:.3s}@keyframes cp-bounce{0%,80%,to{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}.cp-input{display:flex;align-items:flex-end;gap:8px;padding:12px 14px;border-top:1px solid var(--border)}.cp-input textarea{flex:1;resize:none;max-height:140px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:11px;padding:10px 12px;font:400 13.5px var(--font-sans);line-height:1.4}.cp-input textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--ring)}.cp-send{flex:none;width:38px;height:38px;border:0;border-radius:10px;background:var(--brand);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.cp-send:disabled{opacity:.4;cursor:default}.cp-send.stop{background:var(--surface-3);color:var(--text)}.cp-bubble .cp-h1{font:600 16px var(--font-display);margin:12px 0 6px}.cp-bubble .cp-h2{font:600 14.5px var(--font-display);margin:12px 0 6px}.cp-bubble .cp-h3,.cp-bubble .cp-h4{font-weight:600;font-size:13.5px;color:var(--text-2);margin:10px 0 5px}.cp-bubble .cp-ol{margin:4px 0 8px;padding-left:20px}.cp-bubble .cp-ol li{margin:3px 0}.cp-bubble .cp-hr{border:0;border-top:1px solid var(--border);margin:12px 0}.cp-bubble .tbl-scroll{overflow-x:auto;margin:6px 0 10px;border:1px solid var(--border);border-radius:10px}.cp-bubble table.tbl{width:100%;border-collapse:collapse;font-size:12.5px}.cp-bubble table.tbl th{text-align:left;font-weight:600;color:var(--text-2);padding:8px 11px;border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap}.cp-bubble table.tbl td{padding:8px 11px;border-bottom:1px solid var(--border);vertical-align:middle}.cp-bubble table.tbl tr:last-child td{border-bottom:0}.cp-callout{border-left:3px solid var(--info);background:var(--info-bg);padding:8px 12px;border-radius:8px;margin:8px 0;font-size:13px;line-height:1.5}.cp-callout-ok{border-left-color:var(--ok);background:var(--ok-bg)}.cp-callout-warn{border-left-color:var(--warn);background:var(--warn-bg)}.cp-callout-crit{border-left-color:var(--crit);background:var(--crit-bg)}.cp-callout-info{border-left-color:var(--info);background:var(--info-bg)}.cp-chart{border:1px solid var(--border);border-radius:11px;padding:10px 12px 6px;background:var(--surface);margin:8px 0 10px}.cp-chart-title{font-size:11px;text-transform:uppercase;letter-spacing:.3px;color:var(--text-3);margin-bottom:4px}.cp-chart-skel,.cp-chart-empty{padding:26px 0;text-align:center;font-size:12.5px}@media(max-width:720px){.cp-panel{width:100vw;max-width:none;min-width:0}}.act-cols{display:grid;grid-template-columns:288px 1fr;gap:16px;align-items:start}@media(max-width:860px){.act-cols{grid-template-columns:1fr}}.act-glabel{font:600 10.5px var(--font-sans);text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);margin:16px 0 6px;padding:0 4px}.act-glabel:first-child{margin-top:0}.act-tiles{display:flex;flex-direction:column;gap:2px}.act-tile{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid transparent;background:transparent;color:var(--text);border-radius:9px;padding:8px 10px;font-size:13px;cursor:pointer;transition:background .12s}.act-tile .ic{color:var(--text-3);flex:none}.act-tile:hover{background:var(--surface-2)}.act-tile.on{background:var(--brand-bg);color:var(--brand);font-weight:600}.act-tile.on .ic{color:var(--brand)}.act-tile.danger .ic{color:var(--crit)}.act-tile.danger:hover{background:var(--crit-bg);color:var(--crit)}.act-detail{min-height:260px}.act-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px;color:var(--text-3);text-align:center;gap:10px}.act-dhead{display:flex;align-items:center;gap:11px;margin-bottom:6px}.act-dhead .avatar{border-radius:10px}.act-field{margin-bottom:12px}.act-field label{display:block;font-size:12px;color:var(--text-2);margin-bottom:5px}.act-field .input,.act-field select{width:100%}.act-field select{height:38px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:9px;padding:0 10px;font-size:13px}.act-badge{font:600 10.5px var(--font-sans);text-transform:uppercase;letter-spacing:.4px;padding:2px 8px;border-radius:20px}.act-badge.safe{background:var(--ok-bg);color:var(--ok)}.act-badge.warn{background:var(--warn-bg);color:var(--warn)}.act-badge.danger{background:var(--crit-bg);color:var(--crit)}.empty{text-align:center;padding:60px 20px;color:var(--text-3)}.empty svg.ic{width:40px;height:40px;margin-bottom:14px;color:var(--border-strong)}@keyframes shimmer{0%{background-position:-220px 0}to{background-position:220px 0}}.skel{display:inline-block;border-radius:6px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:440px 100%;animation:shimmer 1.25s ease-in-out infinite}.skel-num{width:48px;height:28px;vertical-align:middle}.skel-line{height:13px;border-radius:5px}.center{min-height:100%;display:flex;align-items:center;justify-content:center}