:root{--nav:#0b1424;--nav2:#132237;--bg:#f3f6fa;--card:#fff;--ink:#172436;--muted:#728096;--line:#e5ebf2;--accent:#216bff;--accent-bg:#edf4ff;--ok:#147d5a;--ok-bg:#e9f7f0;--warning:#a86b0a;--warning-bg:#fff6e2;--critical:#c64047;--critical-bg:#fff0f0;--radius:16px}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.25;letter-spacing:-.8px}h2{font-size:19px;letter-spacing:-.3px}h3{font-size:15px}input,select,textarea{border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);padding:11px 13px;outline:none;min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #216bff16}input::placeholder{color:#96a1b2}.muted{color:var(--muted)}.small-label,.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.6px;color:var(--muted)}.eyebrow{margin-bottom:9px}.button{border:0;border-radius:9px;min-height:40px;padding:10px 16px;display:inline-flex;gap:9px;align-items:center;justify-content:center;font-weight:650;white-space:nowrap}.primary{background:var(--accent);color:#fff;box-shadow:0 4px 10px #216bff16}.primary:hover{background:#145ce6}.secondary{background:white;border:1px solid var(--line);color:#4c5e75}.secondary:hover{border-color:#c8d5e6;background:#fafcff}.danger{background:var(--critical-bg);color:var(--critical)}.small{padding:6px 10px;min-height:32px;font-size:12px}.full{width:100%;justify-content:space-between}.icon-button{border:0;background:transparent;display:inline-grid;place-items:center;min-width:32px;height:32px;border-radius:8px;color:inherit;font-size:22px}.icon-button:hover{background:#71829c1b}.brand{display:flex;gap:11px;align-items:center;font-size:20px;font-weight:730;color:#fff;letter-spacing:-.5px}.brand-mark{width:35px;height:35px;background:#2976ff;border-radius:10px;display:grid;place-items:center;font-size:25px;font-weight:800;font-style:italic;position:relative}.brand-mark span{height:7px;width:7px;background:#54dbbb;border:2px solid var(--nav);border-radius:50%;position:absolute;bottom:-1px;right:-2px}.app-shell{display:flex;min-height:100vh}.sidebar{width:242px;position:fixed;inset:0 auto 0 0;background:var(--nav);padding:26px 16px 0;color:#9baec7;display:flex;flex-direction:column;z-index:10}.sidebar .brand{padding:0 9px 33px}.sidebar-label{font-size:9px;letter-spacing:1.4px;color:#5f7592;font-weight:700;margin:0 15px 13px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#9baec7;text-align:left;padding:13px 15px;border-radius:9px;font-size:13px;font-weight:560}.nav-item svg{width:18px;height:18px}.nav-item.active{background:#163156;color:#8dbdff}.nav-item.active::after{content:"";width:5px;height:5px;background:#67a9ff;border-radius:50%;margin-left:auto}.nav-item:hover{background:#152337}.sidebar-note{display:flex;gap:8px;align-items:flex-start;background:#111f31;border:1px solid #1d3047;padding:13px 11px;border-radius:10px;margin:35px 5px 20px}.sidebar-note strong{font-size:10px;color:#c3d4e8}.sidebar-note p{font-size:10px;color:#7189a6;margin-top:6px;line-height:1.7}.note-dot{width:6px;height:6px;background:#43c8a3;border-radius:50%;flex-shrink:0;margin-top:5px}.sidebar-bottom{margin-top:auto;border-top:1px solid #203045;display:flex;align-items:center;gap:9px;padding:20px 5px}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#243e63;color:#c3d7f3;font-size:10px;flex-shrink:0}.user-lines{min-width:0;flex:1}.user-lines strong{display:block;font-size:10px;color:#dae5f3;overflow:hidden;text-overflow:ellipsis}.user-lines span{font-size:9px;color:#6e88a8}.main-shell{margin-left:242px;flex:1;min-width:0}.topbar{height:70px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#fff;padding:0 34px}.breadcrumb{font-size:11px;color:#8b99ac}.breadcrumb span{margin:0 13px;color:#c4cfdb}.breadcrumb strong{font-weight:550;color:#42556e}.topbar-left,.topbar-right{display:flex;align-items:center;gap:18px}.live-indicator{font-size:10px;color:#6c7e93;display:flex;align-items:center;gap:6px}.live-indicator::before{content:"";height:6px;width:6px;background:#32b88d;border-radius:50%}.live-indicator.lost::before{background:var(--critical)}.version{font-size:10px;color:#78899f;padding:4px 8px;border:1px solid var(--line);border-radius:6px}.menu-toggle{display:none}main{padding:32px 34px 20px;max-width:1800px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.page-heading p{color:var(--muted);font-size:12px;margin-top:9px}.actions{display:flex;gap:8px;flex-wrap:wrap}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:23px}.select-wrap{display:flex;align-items:center;gap:10px;min-width:265px}.select-wrap label{font-size:11px;color:var(--muted)}.select-wrap select{min-width:220px;font-size:12px;padding:10px 32px 10px 12px}.search-wrap{position:relative;flex:1}.search-wrap input{width:100%;padding:11px 12px 11px 38px;font-size:12px}.search-wrap>span{position:absolute;left:12px;top:9px;color:#98a8bb}.toolbar>.button{font-size:11px;min-height:40px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.kpi{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:19px 20px;min-width:0}.kpi-head{display:flex;align-items:center;justify-content:space-between;color:#728298;font-size:11px}.kpi-icon{background:#edf4ff;color:#367ef1;border-radius:10px;padding:9px;display:grid;place-items:center}.kpi-icon svg{width:19px;height:19px}.kpi-icon.red{background:var(--critical-bg);color:var(--critical)}.kpi-icon.green{background:var(--ok-bg);color:var(--ok)}.kpi-icon.amber{background:var(--warning-bg);color:var(--warning)}.kpi-value{font-size:33px;font-weight:740;letter-spacing:-1px;margin-top:7px;line-height:1.25}.kpi-note{font-size:10px;color:#8695a8;margin-top:9px}.kpi-note strong{font-weight:650;color:var(--ok)}.section{background:white;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:22px;overflow:hidden}.section-head{display:flex;justify-content:space-between;align-items:center;padding:19px 21px;border-bottom:1px solid var(--line);gap:12px}.section-head p{font-size:11px;color:var(--muted);margin-top:4px}.section-head h2{font-size:15px}.section-body{padding:21px}.section-link{border:0;background:transparent;color:var(--accent);font-size:11px;font-weight:600;white-space:nowrap}.two-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.module-tile{border:1px solid var(--line);border-radius:10px;padding:14px;min-width:0}.module-title{display:flex;align-items:center;gap:8px;color:#566983;font-size:11px;font-weight:650;white-space:nowrap}.module-title svg{width:16px;height:16px;color:#8b9eb7}.module-tile strong{font-size:21px;line-height:1.3;display:block;margin:10px 0 3px;letter-spacing:-.6px}.module-tile p{font-size:9px;color:#8b99ab}.module-tile .count-red{color:var(--critical)}.mini-incident{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.mini-incident:first-child{padding-top:0}.mini-incident:last-child{border-bottom:0;padding-bottom:0}.incident-symbol{width:31px;height:31px;display:grid;place-items:center;flex-shrink:0;border-radius:9px;background:var(--critical-bg);color:var(--critical)}.incident-symbol.warning{background:var(--warning-bg);color:var(--warning)}.mini-incident h3{font-size:12px;margin-bottom:3px}.mini-incident p{font-size:10px;color:#8190a3}.mini-incident .elapsed{margin-left:auto;font-size:9px;color:#9ca8b7;white-space:nowrap}.empty{padding:43px 22px;text-align:center;color:var(--muted)}.empty svg{width:33px;height:33px;color:#aebccc;margin-bottom:12px}.empty h3{color:#52667f;font-size:15px;margin-bottom:8px}.empty p{font-size:12px;max-width:480px;margin:0 auto 16px;line-height:1.7}.onboarding{background:linear-gradient(115deg,#eaf2ff,#f6faff);padding:24px;border:1px solid #dbe8fc;border-radius:14px;margin-bottom:22px}.onboarding h2{font-size:18px}.onboarding p{font-size:12px;color:#657e9c;margin:8px 0 18px;max-width:670px}.setup-steps{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#3e608c}.setup-steps span{display:flex;gap:8px;align-items:center}.step-num{background:white;border:1px solid #d9e6f7;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;color:var(--accent);font-style:normal;font-size:10px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-size:9px;letter-spacing:.3px;font-weight:650;color:#8a9ab0;background:#fbfcfe;padding:13px 17px;border-bottom:1px solid var(--line)}td{font-size:11px;padding:16px 17px;border-bottom:1px solid #edf1f6}tr:last-child td{border-bottom:0}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:#f8fbff}.table-primary{display:block;color:#32475f;font-weight:650;font-size:12px}.table-sub{display:block;color:#93a0b0;font-size:9px;margin-top:4px}.status{display:inline-flex;gap:5px;align-items:center;font-size:9px;font-weight:620;padding:4px 7px;border-radius:6px;white-space:nowrap;color:#7c8ca2;background:#f2f5f8}.status::before{content:"";height:5px;width:5px;flex-shrink:0;border-radius:50%;background:currentColor}.status.ok,.status.online{color:var(--ok);background:var(--ok-bg)}.status.warning,.status.upload_pending{color:var(--warning);background:var(--warning-bg)}.status.critical,.status.offline,.status.failed{color:var(--critical);background:var(--critical-bg)}.status.limited,.status.local_verified{color:#357ad0;background:#edf4ff}.status.uploaded_verified{color:var(--ok);background:var(--ok-bg)}.status.disabled{color:#9aabc0;background:#f5f7fa}.status.not_configured::before{height:4px;width:4px;box-shadow:0 0 0 1px currentColor;background:transparent}.status.unknown,.status.never_seen{color:#8294ad}.legend{padding:12px 20px;background:#fbfcfe;border-top:1px solid var(--line);font-size:10px;color:#8495aa;line-height:1.6}.legend strong{color:#597395;font-weight:600}.site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.site-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:21px;cursor:pointer}.site-card:hover{border-color:#b4cef5;box-shadow:0 8px 22px #273b5510}.site-card .site-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.site-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:var(--accent-bg);color:#4a8bf0}.site-card h3{font-size:16px}.site-card>p{font-size:11px;color:var(--muted);margin:6px 0 20px;min-height:17px}.site-bottom{border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;font-size:10px;color:#8192a8}.site-bottom strong{color:#344c69}.site-network{color:#8c9bb0;font-size:10px;margin-top:5px}.card-list{display:flex;flex-direction:column;gap:12px}.incident-card{display:flex;gap:16px;padding:20px;border:1px solid var(--line);border-radius:12px;background:white;align-items:flex-start}.incident-card .incident-body{flex:1;min-width:0}.incident-card h3{font-size:14px}.incident-card p{font-size:12px;color:#73849b;margin:7px 0;white-space:normal}.incident-meta{display:flex;gap:13px;flex-wrap:wrap;font-size:10px;color:#99a7b8}.incident-ack{font-size:10px;color:#668879;margin-top:8px}.filter-row{display:flex;gap:8px;margin-bottom:18px}.filter-button{background:white;border:1px solid var(--line);border-radius:8px;padding:7px 14px;font-size:11px;color:#8090a5}.filter-button.selected{background:var(--accent-bg);color:var(--accent);border-color:#cfdef7}.info-note{font-size:12px;padding:16px 18px;background:#edf4ff;border:1px solid #dfeafa;border-radius:10px;color:#4c6f9d;margin-bottom:20px}.connection-banner{border:1px solid #edcaa1;background:#fff3e2;color:#986622;font-size:12px;border-radius:9px;padding:12px 16px;margin-bottom:22px}.page-footer{font-size:9px;color:#99a9bc;display:flex;justify-content:space-between;padding-top:26px;gap:15px}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.08fr 1fr}.login-story{background:var(--nav);color:white;padding:46px 65px;display:flex;flex-direction:column}.login-copy{margin:auto 0;max-width:500px}.login-copy .eyebrow{color:#6297d9;margin-bottom:20px}.login-copy h1{font-size:48px;line-height:1.18;letter-spacing:-1.8px}.login-copy p{color:#8ea6c6;font-size:15px;line-height:1.8;margin-top:24px;max-width:430px}.story-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.story-tags span{font-size:10px;color:#9abbdf;border:1px solid #233e5f;border-radius:7px;padding:8px 12px;background:#112137}.login-foot{color:#526d8f;font-size:10px}.login-form-wrap{display:grid;place-items:center;padding:45px;background:#fff}.login-form{width:100%;max-width:360px}.login-form h2{font-size:30px;margin:10px 0}.login-form>.muted{font-size:13px;margin-bottom:28px}.login-form label,.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:550;margin-bottom:18px}.login-form input{height:46px}.login-form>.button{height:46px;margin-top:5px}.login-help{font-size:11px;color:#8c9aae;margin-top:25px;line-height:1.8}.login-help code{font-size:10px;background:#f4f7fb;padding:3px 5px;border-radius:3px}.form-error{font-size:12px;color:var(--critical);margin-top:12px;min-height:18px}dialog{border:0;border-radius:17px;box-shadow:0 25px 90px #0003;padding:0;width:min(760px,94vw);max-height:90vh;color:var(--ink)}dialog::backdrop{background:#09142290;backdrop-filter:blur(3px)}.modal-shell{padding:25px}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:20px}.modal-heading h2{font-size:21px}.modal-heading>.icon-button{background:#f4f6f9;color:#8191a6}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.form-grid label small{color:var(--muted);font-size:10px;font-weight:400}.form-grid input,.form-grid select{width:100%;height:43px}.form-grid textarea{width:100%;height:90px}.token-box{display:flex;gap:9px;margin-top:16px}.token-box input{flex:1;font-family:Consolas,monospace;font-size:12px}.detail-header{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:17px;background:#f6f8fc;border:1px solid var(--line);border-radius:11px;margin-bottom:22px}.detail-meta label{display:block;color:#93a0b3;font-size:10px}.detail-meta strong{font-size:12px;display:block;margin-top:5px;overflow-wrap:anywhere}.check-card{border:1px solid var(--line);border-radius:10px;padding:15px;margin-bottom:11px}.check-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.check-top h3{font-size:12px}.check-card p{font-size:11px;color:#7d8ea4;margin:8px 0;white-space:normal;overflow-wrap:anywhere}.check-foot{display:flex;gap:12px;flex-wrap:wrap;font-size:9px;color:#9aa8bb}.metric-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:9px}.metric-tags span{font-size:9px;background:#f4f7fb;padding:3px 6px;border-radius:4px;color:#5f7895;overflow-wrap:anywhere;max-width:100%}.detail-divider{font-size:13px;margin:22px 0 14px}.code{background:#f5f8fc;padding:14px;border-radius:9px;font-family:Consolas,monospace;font-size:10px;white-space:pre-wrap;overflow-wrap:anywhere;color:#58718f}.text-wrap{white-space:normal;max-width:350px}.mobile-only{display:none}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:200;background:#112742;color:white;box-shadow:0 10px 40px #11274233;border-radius:10px;padding:14px 20px;font-size:12px;max-width:90vw}.tenant-cards{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}.tenant-pill{border:1px solid var(--line);background:#fff;display:flex;gap:12px;align-items:center;border-radius:12px;padding:15px 20px;cursor:pointer}.tenant-pill svg{color:#4586e6}.tenant-pill h3{font-size:13px}.tenant-pill span{font-size:10px;color:#8c9eb3}.role-badge{font-size:10px;color:#6483a9;border-radius:6px;padding:4px 7px;background:#edf4ff}.table-tools{display:flex;gap:6px}.spacer-top{margin-top:20px}.attention-text{color:var(--critical)}
@media(min-width:1600px){main{padding:35px 45px}.topbar{padding:0 45px}.module-grid{gap:15px}.kpi{padding:22px 25px}.kpi-value{font-size:37px}}
@media(max-width:1200px){.sidebar{width:211px}.main-shell{margin-left:211px}main{padding:25px 24px}.topbar{padding:0 24px}.two-columns{grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-story{padding:40px}.login-copy h1{font-size:40px}.kpi{padding:17px}.kpi-value{font-size:30px}}
@media(max-width:960px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:20px 0 70px #09142240}.main-shell{margin-left:0}.menu-toggle{display:inline-grid}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-heading h1{font-size:26px}.login-screen{grid-template-columns:1fr}.login-story{min-height:290px;padding:28px 30px}.login-copy{margin:35px 0 15px}.login-copy h1{font-size:33px}.login-copy p,.story-tags,.login-foot{display:none}.login-story .brand{font-size:18px}.login-form-wrap{padding:35px 24px}.login-form{max-width:440px}}
@media(max-width:640px){main{padding:22px 16px}.topbar{height:59px;padding:0 14px}.breadcrumb{font-size:10px}.breadcrumb>span{margin:0 6px}.topbar-right{gap:8px}.live-indicator{font-size:9px}.version{display:none}.page-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:18px}.page-heading h1{font-size:25px}.page-heading .eyebrow{font-size:9px}.page-heading p{font-size:11px}.toolbar{flex-wrap:wrap;gap:9px}.select-wrap{min-width:0;flex:1}.select-wrap select{min-width:0;width:100%}.search-wrap{order:3;flex-basis:100%}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:17px}.kpi{padding:15px;border-radius:13px}.kpi-head{font-size:10px}.kpi-icon{padding:7px}.kpi-icon svg{width:16px;height:16px}.kpi-value{font-size:30px}.kpi-note{font-size:9px}.section{border-radius:13px;margin-bottom:17px}.section-head{padding:16px}.section-head h2{font-size:14px}.section-head p{font-size:10px}.section-body{padding:15px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.module-tile{padding:12px}.module-title{font-size:10px}.two-columns{gap:0}.site-grid{grid-template-columns:1fr;gap:12px}.incident-card{padding:15px;gap:10px;flex-wrap:wrap}.incident-card>.button{margin-left:42px}.incident-card h3{font-size:12px}.incident-card p{font-size:11px}.modal-shell{padding:19px}.detail-meta{grid-template-columns:repeat(2,minmax(0,1fr));padding:13px}.modal-heading h2{font-size:18px}.modal-footer{flex-wrap:wrap}.token-box{flex-wrap:wrap}.token-box input{width:100%}.page-footer{font-size:8px;flex-direction:column;gap:5px}.setup-steps{flex-direction:column;gap:9px}.onboarding{padding:20px}.onboarding h2{font-size:16px}.onboarding p{font-size:11px}.info-note{font-size:11px}.form-grid label{font-size:11px}.check-top{align-items:flex-start}.check-card{padding:13px}.mini-incident .elapsed{display:none}.live-indicator{max-width:125px;white-space:nowrap}.actions .button{font-size:11px}.section-head>.section-link{font-size:10px}}