:root{--bg: #f4f6fb;--surface: #fff;--surface-2: #f8f9fc;--text: #192238;--muted: #78869d;--muted-2: #9aa6b8;--border: #e5e9f1;--primary: #6d55e7;--primary-dark: #5540c8;--primary-soft: #f0edff;--green: #16b978;--green-soft: #e9fbf3;--red: #e84262;--red-soft: #fff0f3;--amber: #e99a25;--amber-soft: #fff7e8;--blue: #3c7ff1;--blue-soft: #eaf2ff;--sidebar: #10172a;--shadow: 0 1px 3px rgba(26,34,56,.04), 0 10px 30px rgba(26,34,56,.055);--shadow-lg: 0 25px 70px rgba(22,28,45,.2)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:linear-gradient(180deg,#121a2f,#0d1426);color:#d5dced;z-index:40;padding:22px 16px 16px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.04)}.sidebar-brand{height:46px;display:flex;align-items:center;gap:11px;padding:0 8px}.sidebar-brand>div:nth-child(2){display:flex;flex-direction:column}.sidebar-brand strong{color:#fff;font-size:18px;letter-spacing:-.3px;line-height:18px}.sidebar-brand small{color:#8b97b3;font-size:8px;font-weight:800;letter-spacing:2.7px;margin-top:4px}.radar-logo{width:34px;height:34px;position:relative;border-radius:50%;border:1px solid rgba(132,111,246,.65);background:radial-gradient(circle,#6c52e64d,#6c52e60d)}.radar-logo span,.radar-logo i{position:absolute;border:1px solid #8870ff;border-radius:50%;top:6px;right:6px;bottom:6px;left:6px}.radar-logo i{top:11px;right:11px;bottom:11px;left:11px;opacity:.7}.radar-logo b{width:4px;height:4px;background:#46e2af;border-radius:50%;position:absolute;top:8px;right:7px;box-shadow:0 0 9px #46e2af}.workspace-pill{margin:24px 4px 20px;border:1px solid rgba(255,255,255,.08);background:#ffffff09;border-radius:10px;padding:10px;display:flex;align-items:center;gap:9px}.workspace-avatar,.user-avatar{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,#7157e8,#9a65eb);color:#fff;font-size:10px;font-weight:800}.workspace-pill div:nth-child(2),.sidebar-footer div:nth-child(2){min-width:0;display:flex;flex-direction:column;flex:1}.workspace-pill strong,.sidebar-footer strong{color:#edf1fa;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-pill span,.sidebar-footer span{color:#77839e;font-size:9px;margin-top:3px}.workspace-pill svg{color:#697591;transform:rotate(90deg)}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.nav-heading{color:#5f6b85;font-size:9px;font-weight:800;letter-spacing:1.4px;padding:0 12px 7px}.nav-heading.secondary{margin-top:18px}.sidebar-nav button{border:0;color:#8995ad;background:transparent;height:42px;border-radius:9px;display:flex;align-items:center;gap:12px;padding:0 12px;text-align:left;position:relative;transition:.18s ease}.sidebar-nav button:hover{color:#e4e9f4;background:#ffffff0a}.sidebar-nav button.active{color:#fff;background:linear-gradient(90deg,#7054e657,#7054e61f);box-shadow:inset 3px 0 #846cf4}.sidebar-nav button.active svg{color:#a793ff}.sidebar-nav button span{flex:1;font-size:12px;font-weight:600}.sidebar-nav button em{font-style:normal;min-width:20px;height:19px;padding:0 5px;border-radius:8px;display:grid;place-items:center;font-size:9px;font-weight:800;background:#e44867;color:#fff}.sidebar-health{margin-top:auto;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:#ffffff06;padding:12px}.health-head,.health-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.health-head{color:#a9b2c7;font-size:9px;margin-bottom:12px}.health-head b{color:#53dcae;font-size:8px;display:flex;align-items:center;gap:5px}.health-head b i,.app-footer i{width:6px;height:6px;background:#35d29f;border-radius:50%;box-shadow:0 0 7px #35d29f}.health-row{color:#6f7c97;font-size:9px;margin-top:7px}.health-row strong{color:#c4cddd;font-size:9px}.sidebar-footer{margin-top:12px;display:flex;align-items:center;gap:9px;padding:10px 8px 0;border-top:1px solid rgba(255,255,255,.06)}.sidebar-close{display:none!important;margin-left:auto}.sidebar-scrim{display:none}.main-shell{min-height:100vh;margin-left:248px;display:flex;flex-direction:column}.topbar{min-height:82px;background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:17px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:25}.page-heading{display:flex;align-items:center;gap:12px}.page-heading h1{font-size:20px;letter-spacing:-.45px;margin:0 0 3px}.page-heading p{margin:0;color:var(--muted);font-size:11px}.topbar-actions{display:flex;align-items:center;gap:9px}.icon-button{width:36px;height:36px;border:1px solid var(--border);background:#fff;color:#637088;border-radius:9px;display:grid;place-items:center;padding:0;transition:.16s}.icon-button:hover{border-color:#c9cfe0;color:var(--primary);background:#faf9ff}.menu-button{display:none}.notification-button{position:relative}.notification-button span{position:absolute;width:7px;height:7px;background:#eb4d6e;border:2px solid #fff;border-radius:50%;right:7px;top:7px}.range-select,.detail-controls select{height:36px;border:1px solid var(--border);background:#fff;color:#536078;border-radius:9px;padding:0 31px 0 12px;font-size:11px;font-weight:600;outline:none}.primary-button,.secondary-button{border:0;min-height:36px;border-radius:9px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:11px;transition:.16s}.primary-button{background:linear-gradient(135deg,#7659ed,#6548db);color:#fff;box-shadow:0 5px 13px #6c4ee038}.primary-button:hover{transform:translateY(-1px);box-shadow:0 7px 17px #6c4ee04d}.primary-button:disabled{opacity:.55;transform:none}.secondary-button{border:1px solid var(--border);color:#59667d;background:#fff}.secondary-button:hover{border-color:#c7cedd;background:#fafbfe}.page-content{padding:24px 28px 34px;flex:1;max-width:1600px;width:100%;margin:0 auto}.page-stack{display:flex;flex-direction:column;gap:18px}.app-footer{padding:12px 28px;border-top:1px solid var(--border);color:#9aa4b5;font-size:9px;display:flex;justify-content:space-between}.app-footer span:last-child{display:flex;align-items:center;gap:6px}.global-error{margin:15px 28px 0;border:1px solid #ffd4dc;background:#fff4f6;color:#9f344d;padding:10px 13px;border-radius:9px;display:flex;align-items:center;gap:10px;font-size:11px}.global-error span{display:flex;flex-direction:column;gap:2px;flex:1}.global-error button{border:0;background:transparent;color:#b65b70;display:grid;place-items:center}.spin svg{animation:rotate .8s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:13px;overflow:hidden}.panel-head{padding:18px 20px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-head h2{margin:3px 0;font-size:14px;letter-spacing:-.15px}.panel-head p{margin:0;color:var(--muted);font-size:10px}.eyebrow{color:#8f9aaf;font-size:8px;font-weight:800;letter-spacing:1.25px}.table-count,.incident-count{color:#7c889d;border:1px solid var(--border);background:#f9fafc;border-radius:15px;padding:5px 9px;font-size:9px;font-weight:700;white-space:nowrap}.incident-count.active{color:var(--red);background:var(--red-soft);border-color:#ffd7df}.chart-wrap{width:100%;padding:0 8px 11px}.chart-wrap.large{height:294px}.chart-wrap.medium{height:240px}.chart-wrap.xlarge{height:340px;padding:0 18px 18px}.chart-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a1abbc;gap:7px;text-align:center;padding:24px}.chart-empty svg{color:#c8ceda}.chart-empty strong{color:#6c788d;font-size:11px}.chart-empty span{font-size:9px;max-width:280px}.chart-legend{display:flex;flex-wrap:wrap;align-items:center;gap:13px;color:#7b879c;font-size:9px;padding-top:5px}.chart-legend span{display:flex;align-items:center;gap:5px}.legend-dot,.legend-line{width:7px;height:7px;border-radius:50%;background:#7657f6}.legend-dot.pink{background:#ed5c92}.legend-dot.purple{background:#7657f6}.legend-line{width:12px;height:2px;border-radius:1px}.legend-line.green{background:#16c784}.legend-line.blue{background:#3b82f6}.legend-line.amber{background:#f2a93b}.legend-line.teal{background:#14b8a6}.chart-tooltip{min-width:160px;background:#141b2df5;color:#fff;border-radius:9px;padding:10px 12px;box-shadow:0 8px 28px #0003;font-size:9px}.chart-tooltip>strong{display:block;padding-bottom:7px;margin-bottom:5px;border-bottom:1px solid rgba(255,255,255,.12);font-size:9px}.chart-tooltip div{display:flex;justify-content:space-between;gap:15px;margin-top:5px;color:#aeb7c8}.chart-tooltip b{color:#fff}.green-text{color:var(--green)!important}.loading-state{min-height:180px;display:grid;place-items:center;color:var(--muted);font-size:11px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi-card{min-height:146px;border-radius:13px;padding:17px 18px;position:relative;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);background:#fff}.kpi-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-40px;top:-40px;opacity:.09;background:currentColor}.kpi-card.emerald{color:#16a76f;background:linear-gradient(145deg,#fff 52%,#effcf7)}.kpi-card.violet{color:#7657e7;background:linear-gradient(145deg,#fff 52%,#f3f0ff)}.kpi-card.rose{color:#e44867;background:linear-gradient(145deg,#fff 52%,#fff1f4)}.kpi-card.blue{color:#3c7ff1;background:linear-gradient(145deg,#fff 52%,#edf4ff)}.kpi-top{display:flex;justify-content:space-between;align-items:center}.kpi-icon{width:32px;height:32px;border-radius:9px;background:currentColor;color:#fff;display:grid;place-items:center}.kpi-icon svg{width:17px}.trend-pill{color:#547066;background:#edf8f4;padding:4px 7px;border-radius:10px;font-size:8px;font-weight:700}.trend-pill.negative{color:#b64b63;background:#fff0f3}.kpi-label{color:#7f8a9f;font-size:9px;font-weight:600;margin-top:13px}.kpi-value{color:var(--text);font-size:25px;line-height:29px;font-weight:750;letter-spacing:-.8px;margin-top:2px}.kpi-detail{color:#909bae;font-size:9px;margin-top:3px}.analytics-grid{display:grid;gap:18px}.main-analytics{grid-template-columns:minmax(0,2fr) minmax(270px,.72fr)}.lower-analytics{grid-template-columns:1.05fr .95fr}.health-panel{position:relative}.donut-wrap{position:relative;height:205px;margin-top:-7px}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-center strong{font-size:23px;letter-spacing:-.6px}.donut-center span{font-size:9px;color:var(--muted);margin-top:2px}.health-breakdown{margin:0 18px 17px;border-top:1px solid var(--border);padding-top:11px;display:grid;grid-template-columns:repeat(3,1fr)}.health-breakdown div{display:flex;flex-direction:column;align-items:center;gap:4px;border-right:1px solid var(--border)}.health-breakdown div:last-child{border:0}.health-breakdown span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px}.health-breakdown span i{width:6px;height:6px;border-radius:50%}.health-breakdown strong{font-size:12px}.activity-list{padding:0 14px 13px}.activity-list button{width:100%;min-height:46px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:9px;border:0;border-bottom:1px solid #edf0f5;background:#fff;padding:7px 5px;text-align:left;color:var(--text)}.activity-list button:last-child{border:0}.activity-list button:hover{background:#fafbfe}.activity-list div{display:flex;flex-direction:column;min-width:0}.activity-list strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-list div span{font-size:8px;color:var(--muted);margin-top:3px}.activity-list b{font-size:10px}.activity-list svg{color:#a6afbf;transform:rotate(-90deg)}.status-orb{width:8px;height:8px;border-radius:50%;background:#b8c1d0;box-shadow:0 0 0 4px #f2f4f8}.status-orb.up{background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.status-orb.down{background:var(--red);box-shadow:0 0 0 4px var(--red-soft)}.mini-empty{min-height:130px;display:grid;place-items:center;color:var(--muted);font-size:10px;text-align:center;padding:20px}.incident-table{padding:0 17px 13px}.incident-table>div{display:grid;grid-template-columns:auto minmax(180px,1.5fr) auto minmax(120px,1fr) 80px;gap:13px;align-items:center;min-height:54px;border-top:1px solid var(--border);font-size:9px;color:#66738a}.incident-table>div>div{display:flex;flex-direction:column}.incident-table strong{font-size:10px;color:var(--text)}.incident-table div span{font-size:8px;margin-top:3px;color:var(--muted)}.incident-icon{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:var(--red-soft);color:var(--red)}.incident-icon svg{width:15px}.incident-table time{text-align:right;color:var(--muted)}.success-empty{margin:0 17px 16px;border-top:1px solid var(--border);min-height:80px;display:flex;align-items:center;justify-content:center;gap:12px;text-align:left}.success-empty>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green)}.success-empty strong{font-size:11px}.success-empty p{margin:3px 0 0;color:var(--muted);font-size:9px}.status-badge{width:max-content;display:inline-flex;align-items:center;gap:5px;border-radius:12px;padding:4px 8px;font-size:8px;font-weight:750;color:#728097;background:#f1f3f7;white-space:nowrap}.status-badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-badge.up,.status-badge.online{color:#0d9c67;background:#e8f9f1}.status-badge.down,.status-badge.offline{color:#d83d5a;background:#ffedf1}.status-badge.stale{color:#d48a1d;background:#fff5e4}.status-badge.paused,.status-badge.disabled,.status-badge.unknown{color:#7f8b9f;background:#f0f2f6}.region-badge{display:inline-flex;align-items:center;width:max-content;border:1px solid color-mix(in srgb,var(--region) 25%,#fff);background:color-mix(in srgb,var(--region) 9%,#fff);color:color-mix(in srgb,var(--region) 75%,#293145);border-radius:12px;padding:4px 8px;font-size:8px;font-weight:750}.fleet-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.fleet-stat{background:#fff;border:1px solid var(--border);border-radius:12px;padding:15px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}.fleet-stat>span{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft)}.fleet-stat.online>span{color:var(--green);background:var(--green-soft)}.fleet-stat.stale>span{color:var(--amber);background:var(--amber-soft)}.fleet-stat.offline>span{color:var(--red);background:var(--red-soft)}.fleet-stat div{display:flex;flex-direction:column}.fleet-stat b{font-size:18px}.fleet-stat small{font-size:9px;color:var(--muted);margin-top:2px}.region-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.region-card{background:#fff;border:1px solid var(--border);border-top:3px solid var(--region);border-radius:12px;box-shadow:var(--shadow);padding:17px}.region-card-head{display:flex;align-items:center;gap:10px}.region-card-head>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--region) 10%,#fff);color:var(--region)}.region-card-head>div{display:flex;flex-direction:column;flex:1}.region-card h3{margin:0;font-size:12px}.region-card small{color:var(--muted);font-size:8px;margin-top:3px}.region-card-head>b{font-size:8px;color:var(--red);display:flex;align-items:center;gap:4px}.region-card-head>b.online{color:var(--green)}.region-card-head>b i{width:5px;height:5px;border-radius:50%;background:currentColor}.region-score{padding:17px 0 13px}.region-score strong{font-size:24px;letter-spacing:-.6px}.region-score span{display:block;color:var(--muted);font-size:8px;margin-top:2px}.region-metrics{display:grid;grid-template-columns:repeat(3,1fr);background:#f8f9fc;border-radius:9px;padding:10px}.region-metrics div{display:flex;flex-direction:column;border-right:1px solid var(--border);padding-left:9px}.region-metrics div:first-child{padding-left:0}.region-metrics div:last-child{border:0}.region-metrics span{font-size:7px;color:var(--muted)}.region-metrics b{font-size:10px;margin-top:4px}.region-footer{display:flex;gap:12px;margin-top:13px;color:#7c889d;font-size:8px}.region-footer span{display:flex;gap:4px;align-items:center}.table-panel{overflow:visible}.monitor-toolbar{padding:15px 17px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-field{height:35px;min-width:235px;display:flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:8px;padding:0 10px;color:#8c98aa;background:#fff}.search-field input{border:0;outline:0;width:100%;font-size:10px;color:var(--text)}.segmented{display:flex;padding:3px;background:#f1f3f7;border-radius:8px}.segmented button{height:27px;border:0;border-radius:6px;padding:0 10px;background:transparent;color:#7f8b9f;font-size:8px;font-weight:700}.segmented button.active{background:#fff;color:var(--primary);box-shadow:0 1px 4px #1e283c1a}.monitor-toolbar .table-count{margin-left:auto}.data-table{width:100%;overflow-x:auto}.table-header,.table-row{min-width:900px;display:grid;align-items:center;gap:12px;padding:0 18px}.table-header{min-height:34px;background:#f8f9fc;border-bottom:1px solid var(--border);color:#8c97a9;text-transform:uppercase;font-size:7px;font-weight:800;letter-spacing:.55px}.table-row{min-height:64px;border-bottom:1px solid #edf0f5;font-size:9px;color:#637087}.table-row:last-child{border:0}.table-row.clickable{cursor:pointer}.table-row.clickable:hover{background:#fbfbfe}.monitor-table .table-header,.monitor-table .table-row{grid-template-columns:minmax(220px,1.5fr) 85px 110px 85px 90px 80px 90px}.agent-table .table-header,.agent-table .table-row{grid-template-columns:minmax(180px,1.4fr) 95px minmax(110px,1fr) 90px 90px 80px 80px}.monitor-name,.agent-name{display:flex;align-items:center;gap:10px;min-width:0}.monitor-name>div,.agent-name>div{display:flex;flex-direction:column;min-width:0}.monitor-name strong,.agent-name strong{color:var(--text);font-size:10px}.monitor-name small,.agent-name small{color:var(--muted);font-size:8px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-icon,.server-avatar{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none;background:#f0f2f7;color:#7d899e}.monitor-icon.up{background:var(--green-soft);color:var(--green)}.monitor-icon.down{background:var(--red-soft);color:var(--red)}.monitor-icon.paused{background:#f1f3f7;color:#8a95a7}.server-avatar{background:var(--blue-soft);color:var(--blue)}.region-stack{display:flex;align-items:center}.region-stack span{width:25px;height:25px;border:2px solid #fff;border-radius:50%;background:var(--region);color:#fff;display:grid;place-items:center;font-size:7px;font-weight:800;margin-left:-5px}.region-stack span:first-child{margin:0}.region-stack em{font-style:normal;font-size:8px;margin-left:4px;color:var(--muted)}.row-actions{display:flex;justify-content:flex-end;gap:3px}.row-actions button{width:27px;height:27px;display:grid;place-items:center;border:0;background:transparent;color:#8793a7;border-radius:6px}.row-actions button:hover{background:#f0edff;color:var(--primary)}.row-actions button.danger:hover{background:var(--red-soft);color:var(--red)}.large-empty{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;color:var(--muted)}.large-empty>span{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.large-empty h3{margin:13px 0 5px;color:var(--text);font-size:13px}.large-empty p{margin:0;font-size:10px;max-width:350px}.modal-overlay,.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1c94;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:80;display:grid;place-items:center;padding:24px}.monitor-wizard{width:min(800px,100%);max-height:92vh;background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.wizard-header{padding:19px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.wizard-header>div{display:flex;align-items:center;gap:11px}.wizard-header>div>div{display:flex;flex-direction:column}.wizard-header h2{margin:0;font-size:15px}.wizard-header p{margin:3px 0 0;color:var(--muted);font-size:9px}.wizard-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);padding:14px 25px 12px;background:#fafbfe;border-bottom:1px solid var(--border)}.wizard-steps button{border:0;background:transparent;padding:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;color:#9ba5b5;text-align:left}.wizard-steps button>span{width:23px;height:23px;border-radius:50%;border:1px solid #d8dde7;display:grid;place-items:center;background:#fff;font-size:8px;font-weight:800}.wizard-steps button b{font-size:8px;margin-left:6px}.wizard-steps button i{height:1px;background:#dfe3eb;width:100%;margin:0 8px}.wizard-steps button:last-child i{display:none}.wizard-steps button.active{color:var(--primary)}.wizard-steps button.active>span{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 0 0 4px var(--primary-soft)}.wizard-steps button.complete{color:var(--green)}.wizard-steps button.complete>span{border-color:var(--green);background:var(--green);color:#fff}.wizard-steps button.complete i{background:#9fe2c7}.wizard-body{padding:23px 25px;overflow:auto;min-height:400px}.wizard-section{max-width:680px;margin:0 auto}.section-intro{display:flex;align-items:center;gap:10px;margin-bottom:20px}.section-intro>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#f2efff;color:var(--primary)}.section-intro h3{margin:0;font-size:14px}.section-intro p{margin:4px 0 0;font-size:9px;color:var(--muted)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field>span,.field-title{font-size:9px;font-weight:750;color:#516078}.field input{height:39px;border:1px solid #dfe3eb;border-radius:8px;padding:0 11px;outline:none;font-size:10px;color:var(--text)}.field input:focus,.input-with-icon:focus-within{border-color:#8b74ee;box-shadow:0 0 0 3px #f0edff}.field input.invalid,.input-with-icon.invalid{border-color:#ee7f94}.field small{font-size:8px;color:var(--muted)}.field em{font-style:normal;color:var(--red);font-size:8px}.input-with-icon{height:39px;border:1px solid #dfe3eb;border-radius:8px;display:flex;align-items:center;padding:0 10px;color:#98a2b3}.input-with-icon input{border:0!important;box-shadow:none!important;height:36px;flex:1}.info-callout,.coverage-note{margin-top:19px;background:#f7f9ff;border:1px solid #e4e9f9;border-radius:9px;padding:12px;display:flex;gap:9px;color:#62708a}.info-callout svg,.coverage-note svg{color:var(--primary);flex:none}.info-callout div{display:flex;flex-direction:column}.info-callout strong{font-size:9px;color:#45526a}.info-callout span,.coverage-note span{font-size:8px;line-height:1.55;margin-top:3px}.coverage-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.coverage-card{min-height:92px;border:1px solid #e0e5ee;background:#fff;border-radius:10px;padding:12px;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;text-align:left;position:relative}.coverage-card:hover{border-color:#b9aef4}.coverage-card.selected{border-color:var(--primary);background:#faf9ff;box-shadow:0 0 0 2px #f0edff}.coverage-check{position:absolute;right:9px;top:9px;width:18px;height:18px;border:1px solid #d5dae4;border-radius:5px;display:grid;place-items:center}.coverage-card.selected .coverage-check{background:var(--primary);border-color:var(--primary);color:#fff}.flag-orb{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--region) 10%,#fff);color:var(--region)}.coverage-card>div{display:flex;flex-direction:column}.coverage-card strong{font-size:10px}.coverage-card small{font-size:8px;color:var(--muted);margin-top:3px}.coverage-agent{grid-column:2/-1!important;font-size:8px;color:#8994a6;display:flex!important;flex-direction:row!important;align-items:center;gap:5px;margin-top:-15px}.coverage-agent i{width:6px;height:6px;border-radius:50%;background:#bbc3d0}.coverage-agent i.online{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.form-error{margin-top:12px;border:1px solid #ffd5dd;background:#fff3f5;color:#ad3d54;border-radius:8px;padding:10px;display:flex;align-items:center;gap:8px;font-size:9px}.form-error.compact{margin:-8px 0 12px}.schedule-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:8px}.schedule-options button{min-height:60px;border:1px solid #e0e5ee;background:#fff;border-radius:9px;padding:10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;text-align:left}.schedule-options button.selected{border-color:var(--primary);background:#faf9ff}.radio-dot{width:15px;height:15px;border:1px solid #cbd2de;border-radius:50%;position:relative}.schedule-options button.selected .radio-dot{border:5px solid var(--primary)}.schedule-options div{display:flex;flex-direction:column}.schedule-options strong{font-size:9px}.schedule-options small{font-size:7px;color:var(--muted);margin-top:3px}.schedule-options b{font-size:7px;color:#8a95a7}.feature-toggle{margin-top:13px;border:1px solid var(--border);border-radius:9px;padding:12px;display:flex;align-items:center;gap:10px}.feature-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.feature-icon.camera{background:var(--blue-soft);color:var(--blue)}.feature-icon.play{background:var(--green-soft);color:var(--green)}.feature-toggle>div{display:flex;flex-direction:column;flex:1}.feature-toggle strong{font-size:9px}.feature-toggle small{font-size:8px;color:var(--muted);margin-top:4px}.switch{width:36px;height:20px;border:0;border-radius:12px;background:#d6dce6;padding:2px}.switch i{display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:.16s}.switch.on{background:var(--primary)}.switch.on i{transform:translate(16px)}.review-card{border:1px solid var(--border);border-radius:11px;overflow:hidden}.review-main{padding:14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.review-main>div{display:flex;flex-direction:column;min-width:0;flex:1}.review-main strong{font-size:11px}.review-main div span{font-size:8px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis}.review-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:14px;background:#fafbfe}.review-grid div{display:flex;flex-direction:column;border-right:1px solid var(--border);padding-left:12px}.review-grid div:first-child{padding-left:0}.review-grid div:last-child{border:0}.review-grid span{font-size:7px;color:var(--muted)}.review-grid strong{font-size:9px;margin-top:4px}.review-regions{display:flex;gap:6px;padding:12px 14px}.review-regions span{display:flex;align-items:center;gap:5px;border-radius:12px;background:color-mix(in srgb,var(--region) 9%,#fff);color:color-mix(in srgb,var(--region) 75%,#26314a);padding:4px 8px;font-size:8px;font-weight:700}.review-regions i{width:5px;height:5px;background:var(--region);border-radius:50%}.wizard-footer{min-height:62px;border-top:1px solid var(--border);padding:11px 22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#fafbfe}.wizard-footer>span{color:var(--muted);font-size:8px}.wizard-footer>div:last-child{display:flex;justify-content:flex-end;gap:8px}.wizard-footer .primary-button svg{transform:rotate(-90deg)}.detail-overlay{place-items:stretch end;padding:0}.detail-drawer{width:min(820px,94vw);height:100vh;background:#f6f8fc;box-shadow:-15px 0 50px #0e142338;overflow:auto}.detail-header{min-height:72px;padding:14px 20px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:3}.detail-identity{display:flex;align-items:center;gap:10px;min-width:0}.detail-identity>div{min-width:0}.detail-identity>div>div{display:flex;align-items:center;gap:9px}.detail-identity h2{margin:0;font-size:15px}.detail-identity a{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:8px;text-decoration:none;margin-top:5px;max-width:440px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-controls{padding:11px 20px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:72px;z-index:2}.region-tabs{display:flex;gap:5px;overflow:auto}.region-tabs button{height:29px;border:1px solid var(--border);background:#fff;color:#758198;border-radius:7px;padding:0 9px;display:flex;align-items:center;gap:5px;font-size:8px;font-weight:700;white-space:nowrap}.region-tabs button.active{border-color:#a99bf2;color:var(--primary);background:#f5f2ff}.region-tabs i{width:6px;height:6px;border-radius:50%}.detail-content{padding:17px 20px;display:flex;flex-direction:column;gap:16px}.detail-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.detail-kpis>div{background:#fff;border:1px solid var(--border);border-radius:9px;padding:11px;display:flex;flex-direction:column}.detail-kpis span{font-size:7px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.detail-kpis strong{font-size:15px;margin-top:5px}.detail-kpis small{font-size:7px;color:#9aa5b5;margin-top:3px}.detail-section{background:#fff;border:1px solid var(--border);border-radius:11px;overflow:hidden}.detail-section-head{padding:14px 16px 9px;display:flex;justify-content:space-between;gap:12px}.detail-section-head h3{font-size:12px;margin:3px 0}.detail-chart{height:300px;padding:0 7px 12px}.screenshot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:5px 14px 15px}.screenshot-grid a{text-decoration:none;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fafbfc}.screenshot-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top;display:block;background:#edf0f5}.screenshot-grid a div{display:flex;justify-content:space-between;padding:7px;color:var(--muted);font-size:7px}.screenshot-grid b{color:#667289}.mini-empty.visual{min-height:130px;display:flex;flex-direction:column;gap:7px;color:#9aa4b5}.dashboard-skeleton{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dashboard-skeleton div,.dashboard-skeleton section{height:145px;border-radius:12px;background:linear-gradient(90deg,#e9edf4 25%,#f3f5f9,#e9edf4 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.dashboard-skeleton section{grid-column:1/-1;height:300px}@keyframes shimmer{to{background-position:-200% 0}}@media (max-width:1180px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.main-analytics{grid-template-columns:1fr}.health-panel{display:grid;grid-template-columns:1fr 230px 240px;align-items:center}.health-panel .panel-head{align-self:start}.donut-wrap{height:180px}.region-card-grid{grid-template-columns:repeat(2,1fr)}.monitor-table .table-header,.monitor-table .table-row{grid-template-columns:minmax(210px,1.5fr) 80px 100px 80px 80px 75px 85px}}@media (max-width:900px){.sidebar{transform:translate(-100%);transition:.22s}.sidebar.is-open{transform:translate(0)}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#080d1985;z-index:39}.sidebar-close{display:grid!important;background:transparent!important;border-color:#ffffff1a!important;color:#aeb8cb!important}.main-shell{margin-left:0}.menu-button{display:grid}.topbar{padding:14px 18px}.page-content{padding:18px}.app-footer{padding:12px 18px}.lower-analytics{grid-template-columns:1fr}.health-panel{display:block}.fleet-summary{grid-template-columns:repeat(2,1fr)}.region-card-grid{grid-template-columns:1fr 1fr}}@media (max-width:650px){.topbar{align-items:flex-start}.page-heading p{display:none}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.topbar-actions .range-select{order:2}.notification-button{display:none}.primary-button{padding:0 11px}.page-content{padding:13px}.kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.kpi-card{min-height:132px;padding:14px}.kpi-value{font-size:21px}.panel-head{padding:15px}.chart-legend{display:none}.fleet-summary,.region-card-grid{grid-template-columns:1fr}.monitor-toolbar{align-items:stretch}.search-field{width:100%}.segmented{overflow:auto}.monitor-toolbar .table-count{margin-left:0;align-self:center}.wizard-body{padding:18px}.wizard-steps{padding:12px}.wizard-steps button b{display:none}.field-grid,.coverage-grid,.schedule-options{grid-template-columns:1fr}.review-grid{grid-template-columns:1fr 1fr;gap:12px}.review-grid div:nth-child(2){border:0}.wizard-footer{padding:10px 13px;grid-template-columns:1fr auto}.wizard-footer>span{display:none}.detail-drawer{width:100vw}.detail-controls{top:72px;align-items:stretch;flex-direction:column}.detail-kpis,.screenshot-grid{grid-template-columns:1fr 1fr}.incident-table>div{grid-template-columns:auto 1fr auto}.incident-table>div>span:nth-of-type(2),.incident-table time{display:none}.app-footer{display:none}}.auth-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#67748a;background:radial-gradient(circle at 50% 42%,#f2efff,#f4f6fb 42%)}.auth-loading strong{font-size:11px;letter-spacing:.25px}.radar-logo.large{width:52px;height:52px}.radar-logo.large span{top:9px;right:9px;bottom:9px;left:9px}.radar-logo.large i{top:17px;right:17px;bottom:17px;left:17px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(430px,1.08fr) minmax(420px,.92fr);background:#fff}.login-visual{min-height:100vh;position:relative;overflow:hidden;padding:42px clamp(38px,6vw,88px);color:#fff;display:flex;flex-direction:column;background:radial-gradient(circle at 68% 62%,rgba(111,79,230,.33),transparent 31%),linear-gradient(145deg,#121a32,#101729 52%,#171535)}.login-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 90%);mask-image:linear-gradient(to bottom,black,transparent 90%)}.login-brand,.mobile-login-brand{position:relative;z-index:2;display:flex;align-items:center;gap:13px}.login-brand>div:last-child{display:flex;flex-direction:column}.login-brand strong{font-size:21px;letter-spacing:-.4px}.login-brand small{color:#9f9abb;font-size:8px;font-weight:800;letter-spacing:3.5px;margin-top:4px}.login-copy{position:relative;z-index:2;margin:auto 0;max-width:570px}.login-kicker{color:#a999ff;font-size:9px;font-weight:800;letter-spacing:2.2px}.login-copy h1{margin:20px 0 18px;font-size:clamp(38px,4.5vw,66px);line-height:1.04;letter-spacing:-2.5px}.login-copy h1 em{color:#9c86ff;font-style:normal}.login-copy>p{color:#aab3c8;font-size:13px;line-height:1.75;max-width:490px}.login-features{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px}.login-features span{display:flex;align-items:center;gap:7px;color:#cbd2df;font-size:9px;font-weight:650}.login-features svg{color:#8d77f6}.login-visual>footer{position:relative;z-index:2;color:#657087;font-size:8px}.radar-orbit{position:absolute;width:420px;height:420px;right:-115px;bottom:-90px;opacity:.52}.radar-orbit>i{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(151,128,255,.24);border-radius:50%}.radar-orbit>i:nth-child(2){top:70px;right:70px;bottom:70px;left:70px}.radar-orbit>i:nth-child(3){top:140px;right:140px;bottom:140px;left:140px}.orbit-center{position:absolute;top:175px;right:175px;bottom:175px;left:175px;border-radius:50%;display:grid;place-items:center;color:#c2b6ff;background:#7557e452;box-shadow:0 0 55px #7557e480}.radar-orbit .node{position:absolute;width:9px;height:9px;border-radius:50%;background:#47dbac;box-shadow:0 0 13px #47dbac}.radar-orbit .one{top:37px;left:202px}.radar-orbit .two{right:49px;top:120px}.radar-orbit .three{left:80px;bottom:67px}.radar-orbit .four{left:104px;top:92px;background:#947dff;box-shadow:0 0 13px #947dff}.login-form-side{min-height:100vh;display:grid;place-items:center;padding:45px;background:linear-gradient(145deg,#fff,#fafbff)}.login-form-wrap{width:min(390px,100%)}.mobile-login-brand{display:none}.login-lock{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);box-shadow:0 8px 24px #6d55e721}.login-form-wrap h2{margin:20px 0 7px;font-size:27px;letter-spacing:-.7px}.login-form-wrap>p{margin:0 0 27px;color:var(--muted);font-size:11px}.login-form-wrap form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:7px}.login-field>span{color:#4f5c73;font-size:9px;font-weight:750}.login-field>div{height:44px;display:flex;align-items:center;gap:9px;padding:0 12px;color:#9aa5b7;border:1px solid #dfe4ed;border-radius:10px;background:#fff;transition:.18s}.login-field>div:focus-within{color:var(--primary);border-color:#8e7bea;box-shadow:0 0 0 3px var(--primary-soft)}.login-field input{width:100%;height:40px;border:0;outline:0;color:var(--text);font-size:11px;background:transparent}.login-error{min-height:38px;display:flex;align-items:center;gap:8px;border:1px solid #ffd3dc;border-radius:9px;padding:9px 11px;color:#b43c55;background:#fff2f5;font-size:9px}.login-submit{height:45px;border:0;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;font-size:11px;font-weight:750;background:linear-gradient(135deg,#7659ed,#5e43ce);box-shadow:0 9px 24px #6648d840}.login-submit:hover{transform:translateY(-1px)}.login-submit:disabled{opacity:.65;transform:none}.login-submit span{font-size:17px}.login-submit i{width:13px;height:13px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:rotate .8s linear infinite}.login-security{margin-top:23px;padding-top:18px;border-top:1px solid var(--border);display:flex;align-items:flex-start;gap:9px;color:#8a96a9;font-size:8px;line-height:1.55}.login-security svg{color:var(--green);flex:none}.incident-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.incident-summary{min-height:94px;display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.incident-summary>span{width:40px;height:40px;border-radius:11px;display:grid;place-items:center}.incident-summary>div{display:flex;flex-direction:column}.incident-summary strong{font-size:22px;letter-spacing:-.5px}.incident-summary small{color:var(--muted);font-size:9px;margin-top:3px}.incident-summary.critical>span{color:var(--red);background:var(--red-soft)}.incident-summary.resolved>span{color:var(--green);background:var(--green-soft)}.incident-summary.total>span{color:var(--primary);background:var(--primary-soft)}.incident-history{width:100%;overflow-x:auto}.incident-history-head,.incident-history>button{min-width:930px;display:grid;grid-template-columns:minmax(260px,1.7fr) 115px 90px 80px 100px 18px;gap:12px;align-items:center;padding:0 18px}.incident-history-head{min-height:34px;color:#8c97a9;background:#f8f9fc;border-bottom:1px solid var(--border);text-transform:uppercase;font-size:7px;font-weight:800;letter-spacing:.55px}.incident-history>button{width:100%;min-height:66px;position:relative;border:0;border-bottom:1px solid #edf0f5;text-align:left;color:#657188;background:#fff;font-size:9px}.incident-history>button:last-child{border-bottom:0}.incident-history>button:hover{background:#fbfbfe}.incident-history>button>div{display:flex;flex-direction:column;min-width:0;padding-left:39px}.incident-history strong{color:var(--text);font-size:10px}.incident-history small{margin-top:4px;color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.incident-history>button>svg{color:#9da7b7;transform:rotate(-90deg)}.incident-state-icon{position:absolute;left:18px;width:29px;height:29px;border-radius:8px;display:grid;place-items:center}.incident-state-icon.active{color:var(--red);background:var(--red-soft)}.incident-state-icon.resolved{color:var(--green);background:var(--green-soft)}.success-icon{color:var(--green)!important;background:var(--green-soft)!important}.settings-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:22px;align-items:start}.settings-nav{position:sticky;top:106px;display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.settings-nav>span{padding:7px 9px 10px;color:#929daf;font-size:7px;font-weight:800;letter-spacing:1px}.settings-nav button{height:38px;border:0;border-radius:8px;padding:0 10px;display:flex;align-items:center;gap:9px;text-align:left;color:#7a879b;background:transparent;font-size:9px;font-weight:650}.settings-nav button:hover:not(:disabled),.settings-nav button.active{color:var(--primary);background:var(--primary-soft)}.settings-nav button:disabled{cursor:not-allowed;opacity:.58}.settings-nav em{margin-left:auto;font-style:normal;font-size:7px;border-radius:8px;padding:3px 5px;background:#eef1f5;color:#8994a6}.settings-content{display:flex;flex-direction:column;gap:20px;min-width:0}.settings-section{scroll-margin-top:102px}.settings-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.settings-heading h2{font-size:14px;margin:0}.settings-heading p{font-size:9px;color:var(--muted);margin:4px 0 0}.settings-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft)}.settings-icon.secure{color:var(--green);background:var(--green-soft)}.settings-card,.account-card,.danger-card{border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.settings-card>label{min-height:69px;padding:14px 17px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--border)}.settings-card>label:last-child{border:0}.settings-card label>div{display:flex;flex-direction:column;flex:1}.settings-card strong{font-size:10px}.settings-card small{font-size:8px;color:var(--muted);margin-top:4px}.settings-card select{height:34px;min-width:155px;border:1px solid var(--border);border-radius:8px;padding:0 28px 0 10px;background:#fff;color:#59667c;font-size:9px}.account-identity{min-height:72px;padding:14px 17px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--border);background:#fbfcfe}.account-identity>div:nth-child(2){display:flex;flex-direction:column;flex:1}.account-identity strong{font-size:10px}.account-identity span:not(.status-badge){font-size:8px;color:var(--muted);margin-top:4px}.password-form{padding:18px}.password-form h3{font-size:11px;margin:0 0 14px}.password-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.password-grid label{display:flex;flex-direction:column;gap:6px}.password-grid span{font-size:8px;font-weight:700;color:#56637a}.password-grid input{height:37px;border:1px solid #dfe4ec;border-radius:8px;padding:0 10px;outline:0;font-size:10px}.password-grid input:focus{border-color:#8b74ee;box-shadow:0 0 0 3px var(--primary-soft)}.settings-message{margin:0 0 13px;min-height:36px;border-radius:8px;padding:8px 10px;display:flex;align-items:center;gap:7px;font-size:8px}.settings-message.success{color:#0c8c5b;background:var(--green-soft);border:1px solid #c8f0dd}.settings-message.error{color:#af3b54;background:var(--red-soft);border:1px solid #ffd3dc}.danger-card{min-height:70px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.danger-card>div{display:flex;align-items:center;gap:11px}.danger-card>div>span{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;color:var(--red);background:var(--red-soft)}.danger-card>div>div{display:flex;flex-direction:column}.danger-card strong{font-size:10px}.danger-card small{font-size:8px;color:var(--muted);margin-top:4px}.secondary-button.danger{color:var(--red);border-color:#f3cbd3}.secondary-button.danger:hover{background:var(--red-soft);border-color:#edafbc}.compact-tables .table-row,.compact-tables .incident-history>button{min-height:49px}@media (max-width:900px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-form-side{padding:30px}.mobile-login-brand{display:flex;margin-bottom:45px}.mobile-login-brand strong{font-size:15px}.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;flex-direction:row;overflow:auto}.settings-nav>span{display:none}.settings-nav button{white-space:nowrap}}@media (max-width:650px){.login-form-side{padding:24px}.login-lock{width:42px;height:42px}.incident-summary-grid{grid-template-columns:1fr}.incident-summary{min-height:76px}.settings-card>label{align-items:flex-start;flex-direction:column}.settings-card select{width:100%}.password-grid{grid-template-columns:1fr}.danger-card{align-items:flex-start;flex-direction:column}.danger-card .secondary-button{width:100%}}.sidebar-brand+.sidebar-nav{margin-top:24px}.monitor-table .table-header,.monitor-table .table-row{min-width:1020px;grid-template-columns:minmax(210px,1.5fr) 82px 100px 105px 82px 88px 78px 90px}.certificate-badge{width:max-content;max-width:110px;min-height:23px;padding:4px 7px;border-radius:12px;display:inline-flex;align-items:center;gap:5px;color:#738096;background:#f0f2f6;font-size:8px;font-weight:750;white-space:nowrap}.certificate-badge.valid{color:#0d9462;background:var(--green-soft)}.certificate-badge.expiring{color:#c27b14;background:var(--amber-soft)}.certificate-badge.expired,.certificate-badge.invalid{color:#d43c59;background:var(--red-soft)}.certificate-badge.disabled,.certificate-badge.not_applicable,.certificate-badge.unknown{color:#78859a;background:#f0f2f6}.feature-icon.certificate{color:var(--primary);background:var(--primary-soft)}.certificate-toggle select{height:31px;border:1px solid var(--border);border-radius:7px;padding:0 26px 0 9px;color:#5c687d;background:#fff;font-size:8px}.certificate-toggle select:disabled{opacity:.48}.certificate-panel{display:grid;grid-template-columns:auto minmax(190px,.85fr) minmax(360px,1.4fr);align-items:center;gap:14px;min-height:112px;padding:16px;border:1px solid var(--border);border-left:3px solid #a5afbf;border-radius:11px;background:#fff;box-shadow:var(--shadow)}.certificate-panel.valid{border-left-color:var(--green)}.certificate-panel.expiring{border-left-color:var(--amber)}.certificate-panel.expired,.certificate-panel.invalid{border-left-color:var(--red)}.certificate-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;color:#7b8799;background:#f1f3f7}.certificate-panel.valid .certificate-icon{color:var(--green);background:var(--green-soft)}.certificate-panel.expiring .certificate-icon{color:var(--amber);background:var(--amber-soft)}.certificate-panel.expired .certificate-icon,.certificate-panel.invalid .certificate-icon{color:var(--red);background:var(--red-soft)}.certificate-primary>div{display:flex;align-items:center;gap:8px;margin-top:4px}.certificate-primary h3{margin:0;font-size:13px}.certificate-primary p{max-width:390px;margin:6px 0 0;color:var(--muted);font-size:8px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.certificate-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-left:15px;border-left:1px solid var(--border)}.certificate-facts div{display:flex;flex-direction:column;min-width:0}.certificate-facts span{color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.5px}.certificate-facts strong{margin-top:4px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:1180px){.monitor-table .table-header,.monitor-table .table-row{grid-template-columns:minmax(205px,1.45fr) 80px 95px 100px 78px 82px 74px 85px}.certificate-panel{grid-template-columns:auto 1fr}.certificate-facts{grid-column:1/-1;border-left:0;border-top:1px solid var(--border);padding:12px 0 0;grid-template-columns:repeat(4,1fr)}}@media (max-width:650px){.certificate-toggle{align-items:flex-start;flex-wrap:wrap}.certificate-toggle>div{min-width:calc(100% - 86px)}.certificate-toggle select{margin-left:44px}.certificate-panel{grid-template-columns:auto 1fr}.certificate-facts{grid-template-columns:1fr 1fr}.certificate-primary p{white-space:normal}}.reach-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.reach-summary{min-height:94px;display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.reach-summary>span{width:40px;height:40px;border-radius:11px;display:grid;place-items:center}.reach-summary>div{display:flex;flex-direction:column}.reach-summary strong{font-size:22px;letter-spacing:-.5px}.reach-summary small{color:var(--muted);font-size:9px;margin-top:3px}.reach-summary.critical>span{color:var(--red);background:var(--red-soft)}.reach-summary.ok>span{color:var(--green);background:var(--green-soft)}.reach-summary.total>span{color:var(--primary);background:var(--primary-soft)}.reach-summary.cities>span{color:var(--blue);background:var(--blue-soft)}.reach-toggle{display:flex;align-items:center;gap:9px;color:#5c6980;font-size:10px;font-weight:600}.monitor-toolbar .reach-toggle{margin-left:12px}.reach-matrix-scroll{width:100%;overflow-x:auto;padding:4px 0 2px}.reach-matrix{display:grid;grid-template-columns:minmax(230px,1.5fr) repeat(var(--cities),minmax(118px,1fr));min-width:max-content}.reach-head{position:sticky;top:0;background:#f8f9fc;border-bottom:1px solid var(--border);min-height:40px;display:flex;align-items:center;gap:6px;padding:0 14px;font-size:8px;font-weight:800;letter-spacing:.55px;text-transform:uppercase;color:#8c97a9}.reach-corner{position:sticky;left:0;z-index:3}.reach-city{justify-content:center;text-align:center;border-left:1px solid var(--border);color:color-mix(in srgb,var(--region) 78%,#334)}.reach-city svg{color:var(--region)}.reach-monitor{position:sticky;left:0;z-index:2;background:#fff;border:0;border-bottom:1px solid #edf0f5;border-right:1px solid var(--border);min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 14px;text-align:left}.reach-monitor:hover{background:#fbfbfe}.reach-monitor>div{display:flex;flex-direction:column;min-width:0}.reach-monitor strong{font-size:10px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.reach-monitor small{font-size:8px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.reach-monitor.divergent{background:#fff9f3;box-shadow:inset 3px 0 var(--amber)}.reach-flag{display:inline-flex;align-items:center;gap:4px;flex:none;color:#b4632a;background:var(--amber-soft);border-radius:10px;padding:3px 6px;font-size:7px;font-weight:800;white-space:nowrap}.reach-cell{border-bottom:1px solid #edf0f5;border-left:1px solid var(--border);min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px}.reach-cell .reach-dot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#8794a7;background:#f0f2f6}.reach-cell b{font-size:9px;color:#5a6678}.reach-cell small{font-size:7px;color:var(--muted-2)}.reach-cell.up{background:#f4fcf8}.reach-cell.up .reach-dot{color:var(--green);background:var(--green-soft)}.reach-cell.up b{color:#0d9462}.reach-cell.down{background:#fff5f7}.reach-cell.down .reach-dot{color:var(--red);background:var(--red-soft)}.reach-cell.down b{color:#d43c59}.reach-cell.unknown .reach-dot,.reach-cell.missing .reach-dot{color:#96a2b4;background:#eef1f5}.compact-tables .reach-monitor,.compact-tables .reach-cell{min-height:48px}@media (max-width:650px){.reach-summary-grid{grid-template-columns:1fr}.monitor-toolbar .reach-toggle{margin-left:0}}.city-health .detail-section-head{padding-bottom:6px}.city-health-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;padding:4px 16px 15px}.city-health-card{border:1px solid var(--border);border-left:3px solid #b6c0cf;border-radius:10px;background:#fff;padding:11px 12px;display:flex;flex-direction:column;gap:9px}.city-health-card.up{border-left-color:var(--green);background:#f6fdf9}.city-health-card.down{border-left-color:var(--red);background:#fff5f7}.city-health-card.unknown{border-left-color:#b6c0cf}.city-health-card.agent-offline{opacity:.62}.city-health-top{display:flex;align-items:center;gap:9px}.city-health-top>div{display:flex;flex-direction:column;min-width:0}.city-health-top strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-health-top small{font-size:8px;color:var(--muted);margin-top:3px}.city-dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none;color:#8794a7;background:#eef1f5}.city-health-card.up .city-dot{color:var(--green);background:var(--green-soft)}.city-health-card.down .city-dot{color:var(--red);background:var(--red-soft)}.city-health-facts{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:8px}.city-health-facts span{font-size:8px;color:var(--muted)}.city-health-facts b{font-size:11px;color:#4b586f}.city-health-error{margin:0;font-size:8px;color:#c0475f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:4px 16px 16px}.metric-chart{border:1px solid var(--border);border-radius:11px;background:#fff;overflow:hidden}.metric-chart-head{display:flex;align-items:center;justify-content:space-between;padding:11px 13px 4px}.metric-chart-head>div{display:flex;align-items:center;gap:7px}.metric-dot{width:8px;height:8px;border-radius:50%;flex:none}.metric-chart-head strong{font-size:11px}.metric-chart-head small{font-size:8px;color:var(--muted)}.metric-chart-head b{font-size:13px;letter-spacing:-.3px}.metric-chart-body{height:158px;padding:0 4px 6px}.metric-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#a6afbf;font-size:9px}.screenshot-thumb{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fafbfc;padding:0;text-align:left;cursor:pointer;transition:.16s}.screenshot-thumb:hover{border-color:#b9aef4;box-shadow:0 4px 14px #181e371f;transform:translateY(-1px)}.screenshot-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top;display:block;background:#edf0f5}.screenshot-thumb>div{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:7px;color:var(--muted);font-size:7px}.screenshot-thumb b{color:#667289}.shot-meta .shot-agent{display:inline-flex;align-items:center;gap:4px;color:#5b6a86;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shot-meta .shot-agent svg{flex:none;color:var(--primary)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#090d18d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:32px}.lightbox-inner{width:min(1100px,96vw);max-height:92vh;background:#0f1526;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 30px 90px #00000080;display:flex;flex-direction:column;overflow:hidden}.lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.lightbox-head strong{color:#fff;font-size:12px}.lightbox-head small{display:block;color:#93a0b8;font-size:8px;margin-top:4px}.lightbox-actions{display:flex;gap:8px}.lightbox-actions .icon-button{background:#ffffff0f;border-color:#ffffff1f;color:#c9d2e3}.lightbox-actions .icon-button:hover{background:#ffffff21;color:#fff}.lightbox-body{overflow:auto;display:flex;justify-content:center;background:#070b16}.lightbox-body img{max-width:100%;height:auto;display:block}@media (max-width:650px){.metric-chart-grid{grid-template-columns:1fr}.city-health-grid{grid-template-columns:1fr 1fr}.lightbox{padding:14px}}.region-msg{margin:0 20px 4px;border-radius:9px;padding:9px 12px;display:flex;align-items:center;gap:8px;font-size:10px}.region-msg.ok{color:#0c8c5b;background:var(--green-soft);border:1px solid #c8f0dd}.region-msg.error{color:#af3b54;background:var(--red-soft);border:1px solid #ffd3dc}.region-create{display:flex;align-items:flex-end;gap:10px;padding:14px 20px;flex-wrap:wrap}.region-create label{display:flex;flex-direction:column;gap:5px}.region-create label.grow{flex:1;min-width:180px}.region-create span{font-size:8px;font-weight:750;color:#56637a;text-transform:uppercase;letter-spacing:.5px}.region-create input{height:38px;border:1px solid #dfe4ec;border-radius:8px;padding:0 11px;font-size:11px;outline:none}.region-create input:focus{border-color:#8b74ee;box-shadow:0 0 0 3px var(--primary-soft)}.region-create input[type=color]{width:46px;padding:3px;cursor:pointer}.region-create .primary-button{height:38px}.region-manage-list{border-top:1px solid var(--border)}.region-manage-row{display:grid;grid-template-columns:20px minmax(140px,1.4fr) 60px 1fr auto;align-items:center;gap:12px;padding:11px 20px;border-bottom:1px solid #edf0f5;font-size:11px}.region-manage-row:last-child{border-bottom:0}.region-swatch{width:16px;height:16px;border-radius:5px;border:1px solid rgba(0,0,0,.1)}.region-manage-row strong{font-size:12px}.region-manage-row code{font-size:9px;color:#7c889d;background:#f4f6fa;border-radius:6px;padding:3px 6px;width:max-content}.region-usage{font-size:9px;color:var(--muted)}.region-edit-name{height:32px;border:1px solid #dfe4ec;border-radius:7px;padding:0 9px;font-size:11px}.region-manage-row input[type=color]{width:40px;height:30px;padding:2px;border:1px solid #dfe4ec;border-radius:7px}.region-row-actions{display:flex;gap:5px;justify-content:flex-end}.region-row-actions>button:not(.secondary-button){width:28px;height:28px;display:grid;place-items:center;border:0;background:transparent;color:#8793a7;border-radius:6px}.region-row-actions>button:not(.secondary-button):hover{background:#f0edff;color:var(--primary)}.region-row-actions>button.danger:hover{background:var(--red-soft);color:var(--red)}.region-row-actions>button:disabled{opacity:.4;cursor:not-allowed}.region-row-actions .secondary-button{min-height:30px;padding:0 11px}.city-cell{display:inline-flex;align-items:center;gap:6px;border:1px dashed transparent;background:transparent;border-radius:6px;padding:4px 7px;color:#54617a;font-size:10px;text-align:left;max-width:100%}.city-cell:hover{border-color:#c9cfe0;color:var(--primary);background:#faf9ff}.city-cell span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-cell svg{flex:none;opacity:.7}.city-input{height:30px;width:100%;max-width:150px;border:1px solid #8b74ee;border-radius:7px;padding:0 9px;font-size:10px;outline:none;box-shadow:0 0 0 3px var(--primary-soft)}@media (max-width:650px){.region-manage-row{grid-template-columns:16px 1fr auto}.region-manage-row code,.region-usage{display:none}}.global-notice{margin:15px 28px 0;border:1px solid #c8f0dd;background:#effcf6;color:#0c8c5b;padding:10px 13px;border-radius:9px;display:flex;align-items:center;gap:10px;font-size:11px}.global-notice span{flex:1}.global-notice button{border:0;background:transparent;color:#0c8c5b;display:grid;place-items:center}.detail-header-actions{display:flex;align-items:center;gap:9px}.detail-header-actions .secondary-button{min-height:34px;padding:0 12px;white-space:nowrap}@media (max-width:650px){.detail-header-actions .secondary-button span{display:none}}