:root{--font-display: "Space Grotesk", system-ui, sans-serif;--font-ui: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--brand: #6b4eff;--brand-2: #9333ea;--brand-soft: color-mix(in srgb, var(--brand) 12%, transparent);--brand-ring: color-mix(in srgb, var(--brand) 34%, transparent);--up: oklch(.66 .15 152);--up-bg: oklch(.66 .15 152 / .13);--deg: oklch(.78 .15 78);--deg-bg: oklch(.78 .15 78 / .16);--down: oklch(.62 .21 24);--down-bg: oklch(.62 .21 24 / .14);--mnt: oklch(.64 .07 250);--mnt-bg: oklch(.64 .07 250 / .16);--density: 1;--radius: 14px;--radius-sm: 9px}:root,[data-theme=light]{--bg: oklch(.975 .005 270);--bg-grad: oklch(.96 .008 277);--surface: oklch(1 0 0);--surface-2: oklch(.985 .004 270);--surface-3: oklch(.965 .006 270);--border: oklch(.91 .006 270);--border-2: oklch(.86 .008 270);--text: oklch(.24 .02 274);--text-2: oklch(.46 .018 272);--text-3: oklch(.62 .015 272);--shadow: 0 1px 2px oklch(.3 .03 274 / .06), 0 4px 16px oklch(.3 .03 274 / .06);--shadow-lg: 0 8px 40px oklch(.3 .04 274 / .16)}[data-theme=dark]{--bg: oklch(.19 .018 274);--bg-grad: oklch(.23 .03 277);--surface: oklch(.24 .02 274);--surface-2: oklch(.27 .022 274);--surface-3: oklch(.3 .024 274);--border: oklch(.34 .022 274);--border-2: oklch(.42 .024 274);--text: oklch(.95 .01 274);--text-2: oklch(.78 .015 274);--text-3: oklch(.62 .018 274);--brand-soft: color-mix(in srgb, var(--brand) 24%, transparent);--up: oklch(.74 .16 152);--deg: oklch(.82 .15 82);--down: oklch(.7 .2 24);--mnt: oklch(.74 .07 250);--shadow: 0 1px 2px oklch(0 0 0 / .3), 0 4px 18px oklch(0 0 0 / .32);--shadow-lg: 0 12px 50px oklch(0 0 0 / .55)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-ui);background:radial-gradient(1200px 600px at 85% -10%,var(--bg-grad),transparent 60%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh}::selection{background:var(--brand-ring)}*::-webkit-scrollbar{width:11px;height:11px}*::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-3);background-clip:content-box}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.shell-main{min-width:0;display:flex;flex-direction:column}.app{max-width:1360px;width:100%;margin:0 auto;padding:24px 32px 80px}@media (max-width: 920px){.shell{grid-template-columns:64px 1fr}.app{padding:18px 18px 60px}}.sidebar{position:sticky;top:0;align-self:start;height:100vh;max-height:100vh;overflow-y:auto;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);padding:22px 14px 16px;gap:6px}.sb-brand{display:flex;align-items:center;gap:11px;padding:0 6px 18px;border-bottom:1px solid var(--border);margin-bottom:12px}.sb-nav{display:flex;flex-direction:column;gap:2px;flex:1}.sb-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;cursor:pointer;font-family:var(--font-ui);font-size:13.5px;font-weight:600;color:var(--text-3);text-align:left;padding:9px 12px;border-radius:9px;display:flex;align-items:center;gap:11px;transition:.14s;position:relative}.sb-item:hover{color:var(--text);background:var(--surface-2)}.sb-item.active{color:var(--brand);background:color-mix(in oklch,var(--brand) 12%,transparent)}.sb-item.active:before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--brand)}.sb-item svg{width:17px;height:17px;flex:none}.sb-item span{flex:1}.sb-badge{font-size:10.5px;font-weight:700;font-family:var(--font-mono);background:var(--down-bg);color:var(--down);padding:1px 7px;border-radius:99px;flex:none!important}.sb-group{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.sb-group-title{font-size:10.5px;font-weight:700;color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;padding:4px 12px 8px;display:flex;align-items:center;gap:8px}.sb-group-title svg{width:13px;height:13px}.sb-group-items{display:flex;flex-direction:column;gap:2px}.sb-sub{padding-left:16px;font-size:13px}.sb-sub svg{width:15px;height:15px}.sb-foot{padding:12px 8px 4px;border-top:1px solid var(--border);margin-top:8px}@media (max-width: 920px){.sidebar{padding:14px 6px}.sb-brand .brand-text,.sb-item span,.sb-group-title span,.sb-foot{display:none}.sb-item{justify-content:center;padding:11px 8px}.sb-item.active:before{left:-6px}.sb-group-title{justify-content:center;padding:4px 0 8px}.sb-sub{padding-left:8px}}.topbar{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in oklch,var(--bg) 78%,transparent);border-bottom:1px solid var(--border)}.topbar-inner{max-width:1360px;margin:0 auto;padding:14px 32px;display:flex;align-items:center;gap:18px}.company-switch{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.cs-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;font-family:var(--font-ui);color:var(--text-3);padding:6px 12px;border-radius:10px;display:flex;align-items:center;gap:8px;transition:.16s ease;position:relative}.cs-chip:hover{color:var(--text);background:var(--surface)}.cs-chip.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000014,0 0 0 1px var(--border)}.cs-chip.active:after{content:"";position:absolute;left:8px;right:8px;bottom:2px;height:2px;border-radius:2px;background:var(--chip-accent, var(--brand));opacity:.85}.cs-dot{width:8px;height:8px;border-radius:50%;background:var(--text-3);flex:none;box-shadow:0 0 0 2px color-mix(in oklch,currentColor 10%,transparent)}.cs-text{display:flex;flex-direction:column;line-height:1.1;align-items:flex-start}.cs-label{font-size:12.5px;font-weight:700;letter-spacing:.01em}.cs-sub{font-size:10px;color:var(--text-3);font-weight:500;margin-top:1px;letter-spacing:.02em}.cs-chip.active .cs-sub{color:var(--text-2)}@media (max-width: 820px){.cs-sub{display:none}.cs-chip{padding:6px 9px}}@media (max-width: 640px){.company-switch{gap:2px;padding:3px}.cs-label{font-size:11.5px}}.brand-mark{display:flex;align-items:center;gap:11px}.brand-logo{width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center;background:linear-gradient(145deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 4px 14px var(--brand-ring)}.brand-logo svg{width:22px;height:22px}.brand-text{line-height:1.1}.brand-text .b1{font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:-.01em}.brand-text .b2{font-size:11.5px;color:var(--text-3);font-weight:500}.top-spacer{flex:1}.updated{font-size:12px;color:var(--text-3);display:flex;align-items:center;gap:7px}.updated .pulse{width:8px;height:8px;border-radius:50%;background:var(--up);position:relative}.updated .pulse:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--up);opacity:0;animation:ping 2.4s ease-out infinite}@keyframes ping{0%{transform:scale(.6);opacity:.7}to{transform:scale(1.8);opacity:0}}.icon-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;display:grid;place-items:center;transition:.15s}.icon-btn:hover{border-color:var(--border-2);color:var(--text);background:var(--surface-2)}.icon-btn svg{width:18px;height:18px}.user-chip{display:flex;align-items:center;gap:9px;padding:4px 6px 4px 5px;border:1px solid var(--border);border-radius:99px;background:var(--surface)}.user-av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,var(--brand),var(--brand-2));color:#fff;font-weight:700;font-size:13px}.user-name{font-size:13px;font-weight:600;color:var(--text-2);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-out{width:26px;height:26px;border-radius:50%;border:0;background:var(--surface-3);color:var(--text-3);cursor:pointer;display:grid;place-items:center;transition:.15s}.user-out:hover{background:var(--down-bg);color:var(--down)}.user-out svg{width:14px;height:14px}@media (max-width: 720px){.user-name{display:none}}.tabs{display:flex;gap:4px;margin:26px 0 22px;border-bottom:1px solid var(--border)}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;cursor:pointer;font-family:var(--font-ui);font-size:14.5px;font-weight:600;color:var(--text-3);padding:11px 16px;position:relative;display:flex;align-items:center;gap:8px;border-radius:8px 8px 0 0;transition:.15s}.tab:hover{color:var(--text);background:var(--surface-2)}.tab.active{color:var(--brand)}.tab.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2.5px;background:var(--brand);border-radius:2px}.tab svg{width:16px;height:16px}.tab .tab-badge{font-size:11px;font-weight:700;font-family:var(--font-mono);background:var(--down-bg);color:var(--down);padding:1px 7px;border-radius:99px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.awsl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:4px}.awsl-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px 16px;display:flex;flex-direction:column;min-height:240px}.awsl-panel.wide{grid-column:span 2}.awsl-h{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.awsl-t{font-weight:700;font-size:14px;color:var(--text);letter-spacing:-.01em}.awsl-s{font-size:11.5px;color:var(--text-3);margin-top:2px}.awsl-body{flex:1;display:flex;flex-direction:column;justify-content:center}.awsl-state{padding:30px;text-align:center;color:var(--text-3);font-size:13px}.awsl-state.err{color:var(--down)}.chart{width:100%;height:100%;max-height:200px}.awsl-list{display:flex;flex-direction:column;gap:7px}.awsl-list.compact{gap:5px}.awsl-row{display:grid;grid-template-columns:30px minmax(120px,1.4fr) 1fr 60px;align-items:center;gap:10px;padding:4px 0;font-size:12.5px}.awsl-list.compact .awsl-row{grid-template-columns:minmax(60px,1fr) 1.5fr 60px}.awsl-rank{color:var(--text-3);font-family:var(--font-mono);font-size:11px;font-weight:700}.awsl-url{font-family:var(--font-mono);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-2)}.awsl-edge{font-family:var(--font-mono);font-size:11.5px;font-weight:600;color:var(--text-2)}.awsl-bar{display:block;height:6px;background:var(--surface-3);border-radius:4px;overflow:hidden;position:relative}.awsl-bar>span{display:block;height:100%;background:var(--brand);border-radius:4px;transition:width .4s ease}.awsl-num{font-family:var(--font-mono);font-size:11.5px;font-weight:700;color:var(--text);text-align:right}.spinner.sm{width:18px;height:18px;border-width:2px;margin:0 auto}.countries-wrap{display:flex;flex-direction:column;gap:14px}.countries-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cs-card{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:12px 14px;text-align:center;display:flex;flex-direction:column;gap:2px}.cs-num{font-size:22px;font-weight:800;color:var(--text);font-family:var(--font-display);letter-spacing:-.02em;line-height:1.1}.cs-lbl{font-size:10.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.cs-card:first-child .cs-num{color:var(--brand)}.waf-ctry-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:var(--surface-2);cursor:pointer;font-family:inherit;color:var(--text);display:grid;grid-template-columns:28px 28px minmax(110px,1.4fr) 1fr 70px;align-items:center;gap:10px;padding:5px 6px;border-radius:7px;font-size:12px;transition:.15s;width:100%}.waf-ctry-row:hover{background:var(--surface);border-color:var(--border);transform:translate(2px)}.tf-wrap{position:relative;display:inline-flex}.tf-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--text-2);background:var(--surface);border:1.5px solid var(--border);border-radius:10px;padding:8px 12px;transition:.15s;height:38px;box-sizing:border-box;white-space:nowrap}.tf-btn:hover{border-color:var(--border-2);background:var(--surface-2);color:var(--text)}.tf-btn.open{border-color:var(--brand);background:var(--surface-2)}.tf-btn.active{border-color:var(--brand);background:var(--brand-soft, color-mix(in oklch, var(--brand) 10%, var(--surface)));color:var(--brand)}.tf-btn svg{width:16px;height:16px;flex:none}.tf-label{font-weight:600}.tf-count{font-family:var(--font-mono);font-size:10.5px;font-weight:700;background:var(--surface-3);color:var(--text-3);padding:2px 7px;border-radius:99px;margin-left:2px}.tf-btn.active .tf-count{background:var(--brand);color:#fff}.tf-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:240px;max-height:400px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:11px;box-shadow:0 10px 32px #00000026;padding:6px;z-index:50;animation:tf-in .12s ease-out}@keyframes tf-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tf-divider{height:1px;background:var(--border);margin:5px 4px}.tf-opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;width:100%;text-align:left;display:flex;align-items:center;gap:10px;font-family:var(--font-ui);font-size:13px;font-weight:500;color:var(--text-2);background:transparent;padding:8px 10px;border-radius:7px;transition:.12s}.tf-opt:hover{background:var(--surface-2);color:var(--text)}.tf-opt.selected{background:color-mix(in oklch,var(--brand) 12%,transparent);color:var(--brand);font-weight:700}.tf-opt svg{width:16px;height:16px;flex:none}.tf-opt-label{flex:1}.tf-opt-count{font-family:var(--font-mono);font-size:10.5px;font-weight:700;background:var(--surface-3);color:var(--text-3);padding:2px 7px;border-radius:99px}.tf-opt.selected .tf-opt-count{background:var(--brand);color:#fff}.refresh-btn{width:38px!important;height:38px!important;padding:0!important;flex:none;display:grid;place-items:center}.refresh-btn:disabled{opacity:.6;cursor:wait}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 20px}.kpi-l{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.kpi-v{font-size:28px;font-weight:800;color:var(--text);font-family:var(--font-display);letter-spacing:-.02em;line-height:1.2;margin-top:4px}.kpi-d{font-size:11.5px;font-weight:700;margin-top:2px;font-family:var(--font-mono)}@media (max-width: 720px){.kpi-row{grid-template-columns:1fr}}.heatmap{font-size:11px}.hm-hours,.hm-row{display:grid;grid-template-columns:40px repeat(24,1fr);gap:2px;margin-bottom:2px}.hm-hour{font-family:var(--font-mono);font-size:9px;color:var(--text-3);text-align:center}.hm-day{font-family:var(--font-mono);font-size:10px;color:var(--text-3);text-align:right;padding-right:4px;align-self:center;font-weight:600}.hm-cell{display:block;height:18px;border-radius:2px;cursor:default;transition:.15s}.hm-cell:hover{outline:1.5px solid var(--brand);outline-offset:1px;z-index:1}.hm-legend{display:flex;align-items:center;gap:3px;margin-top:10px;padding-left:42px;font-size:10px;color:var(--text-3)}.hm-cell.legend{width:14px;height:12px}.susp-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;padding:7px 10px;border-radius:7px;background:var(--surface-2);border:1px solid transparent;cursor:pointer;text-align:left;font-family:inherit;transition:.15s}.susp-row:hover{border-color:var(--border);background:var(--surface)}.susp-flag{font-size:16px}.susp-ip{font-family:var(--font-mono);font-size:11.5px;font-weight:600;color:var(--text-2)}.susp-stats{font-size:10.5px;font-family:var(--font-mono);white-space:nowrap}.worldmap-wrap{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:14px;overflow:hidden}.worldmap-wrap svg{display:block}.worldmap-legend{margin-top:10px;padding:0 4px}.wl-label{font-size:11px;color:var(--text-3);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.wl-bar{height:8px;margin-top:6px;border-radius:4px;background:var(--surface-3);overflow:hidden}.wl-grad{display:block;height:100%;background:linear-gradient(90deg,transparent,var(--brand));border-radius:4px}.wl-ticks{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;color:var(--text-3);margin-top:3px}.countries-list{display:flex;flex-direction:column;gap:6px;max-height:360px;overflow-y:auto;padding-right:4px}.countries-list.compact{max-height:none;gap:4px}.ctry-row.clickable{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:none;cursor:pointer;text-align:left;width:100%;font-family:inherit}.ctry-row.clickable:hover{background:var(--surface-2);border-color:var(--border)}.ctry-row{display:grid;grid-template-columns:28px 28px minmax(110px,1.4fr) 1fr 90px;align-items:center;gap:10px;padding:6px 8px;border-radius:9px;font-size:12.5px;transition:.15s}.ctry-row:hover{background:var(--surface-2)}.ctry-rank{color:var(--text-3);font-family:var(--font-mono);font-size:11px;font-weight:700}.ctry-flag{font-size:20px;line-height:1;text-align:center}.ctry-name{font-weight:600;color:var(--text);display:flex;flex-direction:column;line-height:1.2}.ctry-ips{font-size:10px;color:var(--text-3);font-weight:500;font-family:var(--font-mono);margin-top:1px}.ctry-bar{display:block;height:8px;background:var(--surface-3);border-radius:4px;overflow:hidden}.ctry-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:4px;transition:width .4s ease}.ctry-num{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text);text-align:right;display:flex;flex-direction:column;line-height:1.2}.ctry-pct{font-size:10px;color:var(--text-3);font-weight:500;margin-top:1px}@media (max-width: 1100px){.awsl-grid{grid-template-columns:repeat(2,1fr)}.awsl-panel.wide{grid-column:span 2}}@media (max-width: 720px){.awsl-grid{grid-template-columns:1fr}.awsl-panel,.awsl-panel.wide{grid-column:span 1}}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:22px}.hero-main{padding:26px 28px;border-radius:var(--radius);position:relative;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow);background:var(--surface)}.hero-main.allgood{background:linear-gradient(120deg,var(--up-bg),transparent 70%),var(--surface)}.hero-main.issues{background:linear-gradient(120deg,var(--down-bg),transparent 70%),var(--surface)}.hero-status-row{display:flex;align-items:center;gap:14px}.hero-glyph{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;flex:none}.hero-glyph svg{width:30px;height:30px}.hero-glyph.up{background:var(--up-bg);color:var(--up)}.hero-glyph.issues{background:var(--down-bg);color:var(--down)}.hero h1{font-family:var(--font-display);font-size:26px;font-weight:700;margin:0;letter-spacing:-.02em}.hero .sub{color:var(--text-2);font-size:14px;margin-top:3px}.hero-counts{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.count-chip{display:flex;align-items:center;gap:9px;padding:9px 14px 9px 11px;border-radius:11px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;transition:.15s}.count-chip:hover{border-color:var(--border-2);transform:translateY(-1px)}.count-chip .num{font-family:var(--font-mono);font-weight:600;font-size:20px;line-height:1}.count-chip .lbl{font-size:12px;color:var(--text-2);font-weight:500}.count-chip .dot{width:10px;height:10px;border-radius:50%}.hero-side{padding:22px 24px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.hero-side .gtitle{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);font-weight:600}.uptime-big{font-family:var(--font-mono);font-size:34px;font-weight:600;letter-spacing:-.02em}.uptime-bar{display:flex;gap:2px;height:34px;align-items:flex-end}.uptime-bar i{flex:1;border-radius:2px;min-width:2px;height:100%;opacity:.92}.sdot{width:9px;height:9px;border-radius:50%;flex:none;display:inline-block}.sdot.up{background:var(--up);box-shadow:0 0 0 3px var(--up-bg)}.sdot.degraded{background:var(--deg);box-shadow:0 0 0 3px var(--deg-bg)}.sdot.down{background:var(--down);box-shadow:0 0 0 3px var(--down-bg)}.sdot.maintenance{background:var(--mnt);box-shadow:0 0 0 3px var(--mnt-bg)}.sdot.live.down,.sdot.live.degraded{animation:blink 1.6s ease-in-out infinite}@keyframes blink{50%{opacity:.35}}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:99px;white-space:nowrap}.badge.up{background:var(--up-bg);color:var(--up)}.badge.degraded{background:var(--deg-bg);color:#9d6300;color:oklch(.55 .13 70)}[data-theme=dark] .badge.degraded{color:var(--deg)}.badge.down{background:var(--down-bg);color:var(--down)}.badge.maintenance{background:var(--mnt-bg);color:var(--mnt)}.tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;padding:2px 8px;border-radius:7px;background:var(--surface-3);color:var(--text-2);border:1px solid var(--border)}.tag svg{width:12px;height:12px;opacity:.8}.tag.crit{background:var(--down-bg);color:var(--down);border-color:transparent}.controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:0 12px;height:40px;min-width:240px;flex:1;max-width:360px}.search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.search svg{width:16px;height:16px;color:var(--text-3);flex:none}.search input{border:0;background:none;outline:none;font-family:var(--font-ui);font-size:14px;color:var(--text);width:100%}.segmented{display:inline-flex;background:var(--surface-3);border:1px solid var(--border);border-radius:10px;padding:3px;gap:2px}.segmented button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;cursor:pointer;font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--text-2);padding:6px 12px;border-radius:7px;transition:.12s;display:flex;align-items:center;gap:6px}.segmented button svg{width:14px;height:14px}.segmented button.on{background:var(--surface);color:var(--brand);box-shadow:var(--shadow)}.select{height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-ui);font-size:13.5px;font-weight:500;padding:0 12px;cursor:pointer}.select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-ui);font-size:13.5px;font-weight:600;padding:0 15px;height:40px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.15s;white-space:nowrap}.btn:hover{border-color:var(--border-2);background:var(--surface-2)}.btn svg{width:16px;height:16px}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 3px 12px var(--brand-ring)}.btn.primary:hover{filter:brightness(1.06)}.btn.danger{color:var(--down);border-color:var(--down-bg)}.btn.danger:hover{background:var(--down-bg)}.btn.sm{height:32px;font-size:12.5px;padding:0 11px;border-radius:8px}.group{margin-bottom:30px}.group-head{display:flex;align-items:center;gap:12px;margin-bottom:13px}.group-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);flex:none}.group-icon svg{width:18px;height:18px}.group-title{font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:-.01em}.group-meta{font-size:12.5px;color:var(--text-3)}.group-line{flex:1;height:1px;background:var(--border)}.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:13px}.svc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 17px 14px;cursor:pointer;transition:.16s;box-shadow:var(--shadow);position:relative;overflow:hidden}.svc:hover{border-color:var(--border-2);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.svc:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;opacity:0;transition:.16s}.svc.s-down:before{background:var(--down);opacity:1}.svc.s-degraded:before{background:var(--deg);opacity:1}.svc.s-maintenance:before{background:var(--mnt);opacity:1}.svc-top{display:flex;align-items:flex-start;gap:10px}.svc-name{font-weight:600;font-size:14.5px;letter-spacing:-.01em;line-height:1.25;flex:1}.svc-host{font-family:var(--font-mono);font-size:11.5px;color:var(--text-3);margin-top:3px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.svc-host .dotsep{width:3px;height:3px;border-radius:50%;background:var(--text-3);opacity:.5}.svc-tags{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}.daystrip{display:flex;gap:3px;margin-top:14px}.daystrip i{flex:1;height:26px;border-radius:3px;position:relative;cursor:default}.daystrip i.up{background:var(--up-bg)}.daystrip i.up:after{content:"";position:absolute;inset:auto 0 0 0;height:58%;background:var(--up);border-radius:0 0 3px 3px;opacity:.85}.daystrip i.degraded{background:var(--deg)}.daystrip i.down{background:var(--down)}.daystrip i.maintenance{background:var(--mnt)}.daystrip-labels{display:flex;justify-content:space-between;font-size:10.5px;color:var(--text-3);margin-top:5px;font-family:var(--font-mono)}.svc-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px;padding-top:12px;border-top:1px solid var(--border)}.svc-metric{display:flex;flex-direction:column;gap:1px;min-width:0}.svc-metric .v{font-family:var(--font-mono);font-size:14px;font-weight:600;white-space:nowrap}.svc-metric .k{font-size:10.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.htable-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}table.htable{width:100%;border-collapse:collapse;min-width:720px}.htable th{text-align:left;font-size:11.5px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;padding:14px 12px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface)}.htable th:first-child,.htable td:first-child{min-width:250px}.htable th.dcol,.htable td.dcol{text-align:center;width:64px}.htable td{padding:11px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.htable tr:last-child td{border-bottom:0}.htable tr.hrow:hover{background:var(--surface-2);cursor:pointer}.htable .svccell{display:flex;align-items:center;gap:10px}.htable .svccell .nm{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.htable .svccell .hst{font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.dchip{width:26px;height:26px;border-radius:7px;display:inline-grid;place-items:center;margin:0 auto}.dchip svg{width:15px;height:15px}.dchip.up{background:var(--up-bg);color:var(--up)}.dchip.degraded{background:var(--deg-bg);color:#8a5600;color:oklch(.5 .13 70)}[data-theme=dark] .dchip.degraded{color:var(--deg)}.dchip.down{background:var(--down-bg);color:var(--down)}.dchip.maintenance{background:var(--mnt-bg);color:var(--mnt)}.inc-list{display:flex;flex-direction:column;gap:13px}.inc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.inc-head{display:flex;gap:14px;padding:18px 20px;align-items:flex-start}.inc-sev{width:4px;align-self:stretch;border-radius:4px;flex:none}.inc-sev.critico{background:var(--down)}.inc-sev.mayor{background:var(--deg)}.inc-sev.menor{background:var(--mnt)}.inc-body{flex:1}.inc-title{font-family:var(--font-display);font-size:16.5px;font-weight:600;letter-spacing:-.01em}.inc-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px;font-size:12.5px;color:var(--text-3)}.inc-meta .id{font-family:var(--font-mono);font-weight:600;color:var(--text-2)}.inc-resumen{color:var(--text-2);font-size:13.5px;margin-top:10px;line-height:1.5;max-width:70ch}.inc-state{font-size:11.5px;font-weight:700;padding:4px 11px;border-radius:99px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.inc-state.investigando{background:var(--down-bg);color:var(--down)}.inc-state.monitoreando{background:var(--deg-bg);color:#8a5600;color:oklch(.5 .13 70)}[data-theme=dark] .inc-state.monitoreando{color:var(--deg)}.inc-state.resuelto{background:var(--up-bg);color:var(--up)}.timeline{border-top:1px solid var(--border);background:var(--surface-2);padding:14px 20px 16px}.tl-item{display:flex;gap:12px;padding:6px 0;font-size:13px}.tl-time{font-family:var(--font-mono);font-size:11.5px;color:var(--text-3);width:92px;flex:none;padding-top:1px}.tl-dot{width:9px;height:9px;border-radius:50%;margin-top:4px;flex:none;background:var(--text-3)}.tl-dot.detect{background:var(--down)}.tl-dot.notify{background:var(--brand)}.tl-dot.ack{background:var(--deg)}.tl-dot.resolve{background:var(--up)}.tl-txt{color:var(--text-2)}.ch-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:22px}.ch-card{padding:18px 20px}.ch-card .ch-top{display:flex;align-items:center;gap:12px}.ch-ico{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;flex:none}.ch-ico svg{width:22px;height:22px}.ch-ico.wa{background:#46b86e29;color:#2a9754}.ch-ico.em{background:var(--brand-soft);color:var(--brand)}.ch-card .ch-name{font-weight:600;font-size:15px}.ch-card .ch-detail{font-family:var(--font-mono);font-size:12px;color:var(--text-3);margin-top:2px}.ch-card .ch-foot{margin-top:14px;padding-top:12px;border-top:1px solid var(--border);font-size:12.5px;color:var(--text-2);display:flex;justify-content:space-between}.rule{padding:16px 18px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.rule+.rule{border-top:1px solid var(--border)}.rule-name{font-weight:600;font-size:14.5px;display:flex;align-items:center;gap:9px}.rule-grid{display:flex;gap:22px;margin-top:9px;flex-wrap:wrap}.rule-f{display:flex;flex-direction:column;gap:2px}.rule-f .k{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);font-weight:600}.rule-f .v{font-size:13px;color:var(--text-2)}.rule-chans{display:flex;gap:6px}.switch{width:42px;height:24px;border-radius:99px;background:var(--border-2);position:relative;cursor:pointer;transition:.18s;flex:none;border:0}.switch.on{background:var(--up)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.18s;box-shadow:0 1px 3px #0000004d}.switch.on:after{left:20px}.mtable{width:100%;border-collapse:collapse}.mtable th{text-align:left;font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;padding:12px;border-bottom:1px solid var(--border)}.mtable td{padding:11px 12px;border-bottom:1px solid var(--border);font-size:13.5px;vertical-align:middle}.mtable tr:last-child td{border-bottom:0}.mtable .mono{font-family:var(--font-mono);font-size:12px;color:var(--text-2)}.mtable tr:hover td{background:var(--surface-2)}.row-actions{display:flex;gap:6px;justify-content:flex-end;opacity:.35;transition:.15s}.mtable tr:hover .row-actions{opacity:1}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#13151f80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:90;opacity:0;animation:fade .2s forwards}@keyframes fade{to{opacity:1}}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,94vw);z-index:91;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transform:translate(100%);animation:slidein .26s cubic-bezier(.22,1,.36,1) forwards}@keyframes slidein{to{transform:translate(0)}}.drawer-head{padding:22px 24px 18px;border-bottom:1px solid var(--border)}.drawer-body{overflow-y:auto;padding:22px 24px 40px;flex:1}.drawer-title{font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:-.02em;margin-top:12px}.dsection{margin-top:26px}.dsection-h{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:600;margin-bottom:12px}.kv{display:grid;grid-template-columns:130px 1fr;gap:4px 14px;font-size:13.5px}.kv dt{color:var(--text-3)}.kv dd{margin:0;font-family:var(--font-mono);font-size:12.5px;color:var(--text);word-break:break-all}.codeblock{font-family:var(--font-mono);font-size:12px;background:var(--surface-3);border:1px solid var(--border);border-radius:9px;padding:12px 14px;color:var(--text);margin-top:4px;overflow-x:auto;line-height:1.5}.codeblock .pmt{color:var(--brand)}.metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-box{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:13px 14px}.metric-box .v{font-family:var(--font-mono);font-size:22px;font-weight:600;letter-spacing:-.02em}.metric-box .k{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.checklog{display:flex;flex-direction:column}.checklog .cl{display:flex;align-items:center;gap:11px;padding:8px 0;border-bottom:1px solid var(--border);font-size:12.5px}.checklog .cl:last-child{border:0}.checklog .cl .t{font-family:var(--font-mono);color:var(--text-3);margin-left:auto;font-size:11.5px}.spark{display:flex;align-items:flex-end;gap:2px;height:56px;padding:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:11px}.spark i{flex:1;background:var(--brand);border-radius:2px 2px 0 0;min-height:3px;opacity:.85}.spark i.bad{background:var(--down)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#13151f80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:95;display:grid;place-items:center;opacity:0;animation:fade .2s forwards;padding:24px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-lg);width:min(560px,100%);max-height:90vh;overflow-y:auto;transform:scale(.97);animation:pop .2s forwards}@keyframes pop{to{transform:scale(1)}}.modal-head{padding:22px 24px 0}.modal-title{font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:-.01em}.modal-body{padding:18px 24px 24px}.modal-foot{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;background:var(--surface-2);border-radius:0 0 18px 18px}.field{margin-bottom:15px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--text-2);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-family:var(--font-ui);font-size:13.5px;padding:0 12px}.field textarea{height:auto;padding:10px 12px;font-family:var(--font-mono);font-size:12.5px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring);background:var(--surface)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notif-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--text);color:var(--surface);padding:12px 18px;border-radius:12px;font-size:13.5px;font-weight:500;box-shadow:var(--shadow-lg);z-index:120;display:flex;align-items:center;gap:10px;opacity:0;animation:toastin .3s forwards}@keyframes toastin{to{opacity:1;transform:translate(-50%) translateY(0)}}.notif-toast svg{width:17px;height:17px;color:#46b86e}.empty{text-align:center;padding:60px 20px;color:var(--text-3)}.empty svg{width:38px;height:38px;opacity:.5;margin-bottom:10px;display:block;margin-left:auto;margin-right:auto}.section-intro{color:var(--text-2);font-size:13.5px;max-width:75ch;margin:-6px 0 20px;line-height:1.55}.closex{margin-left:auto}.pub{min-height:100vh}.pub-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:14px;padding:14px 28px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in oklch,var(--bg) 80%,transparent);border-bottom:1px solid var(--border)}.pub-body{max-width:1180px;margin:0 auto;padding:28px 28px 80px}.pub-hero{display:flex;align-items:center;gap:18px;padding:26px 30px;border-radius:18px;border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:30px;flex-wrap:wrap}.pub-hero.ok{background:linear-gradient(120deg,var(--up-bg),transparent 65%),var(--surface)}.pub-hero.bad{background:linear-gradient(120deg,var(--down-bg),transparent 65%),var(--surface)}.pub-hero-glyph{width:62px;height:62px;border-radius:17px;display:grid;place-items:center;flex:none}.pub-hero-glyph svg{width:34px;height:34px}.pub-hero-glyph.up{background:var(--up-bg);color:var(--up)}.pub-hero-glyph.down{background:var(--down-bg);color:var(--down)}.pub-hero-txt{flex:1;min-width:220px}.pub-hero-title{font-family:var(--font-display);font-size:27px;font-weight:700;letter-spacing:-.02em}.pub-hero-sub{color:var(--text-2);font-size:14px;margin-top:5px}.pub-toggle{flex:none}.pub-group{margin-bottom:26px}.pub-group-head{display:flex;align-items:center;gap:10px;margin-bottom:13px;color:var(--text-2)}.pub-group-head svg{width:17px;height:17px;color:var(--brand)}.pub-group-head .t{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text)}.pub-group-head .m{font-size:12.5px;color:var(--text-3)}.dotgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.dotrow{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.dotrow.s-down{border-color:color-mix(in srgb,var(--down) 45%,var(--border))}.dotrow.s-degraded{border-color:color-mix(in srgb,var(--deg) 45%,var(--border))}.dotrow .dn{font-weight:600;font-size:14.5px}.bigdot{width:14px;height:14px;border-radius:50%;flex:none;position:relative}.bigdot.up{background:var(--up);box-shadow:0 0 0 4px var(--up-bg)}.bigdot.degraded{background:var(--deg);box-shadow:0 0 0 4px var(--deg-bg)}.bigdot.down{background:var(--down);box-shadow:0 0 0 4px var(--down-bg)}.bigdot.maintenance{background:var(--mnt);box-shadow:0 0 0 4px var(--mnt-bg)}.dotrow.s-down .bigdot,.dotrow.s-degraded .bigdot{animation:blink 1.6s ease-in-out infinite}.pub-legend{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin-top:34px;padding-top:20px;border-top:1px solid var(--border);font-size:13px;color:var(--text-2)}.pub-legend>span{display:flex;align-items:center;gap:8px}.pub-legend .bigdot{width:11px;height:11px;box-shadow:none}.pub-legend .lg-note{color:var(--text-3);font-size:12.5px;flex:1;min-width:220px}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.login-aside{position:relative;overflow:hidden;color:#fff;display:grid;align-items:center;background:linear-gradient(150deg,var(--brand),var(--brand-2));padding:56px}.login-aside:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 400px at 90% 10%,rgba(255,255,255,.16),transparent 60%),repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 2px,transparent 2px 22px);pointer-events:none}.login-aside-inner{position:relative;z-index:1;max-width:420px}.login-aside .brand-text .b1,.login-aside .brand-text .b2{color:#fff}.login-aside .brand-logo{background:#ffffff2e;box-shadow:none}.login-claim{font-family:var(--font-display);font-size:32px;font-weight:700;line-height:1.15;letter-spacing:-.02em;margin:38px 0 0}.login-claim-sub{font-size:15px;line-height:1.55;opacity:.9;margin-top:14px;max-width:38ch}.login-stats{display:flex;gap:34px;margin-top:42px}.login-stats div{display:flex;flex-direction:column}.login-stats .v{font-family:var(--font-mono);font-size:28px;font-weight:600}.login-stats .k{font-size:12.5px;opacity:.85;text-transform:uppercase;letter-spacing:.05em}.login-main{display:grid;place-items:center;padding:40px;background:var(--bg)}.login-card{width:100%;max-width:380px}.login-title{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.02em}.login-desc{color:var(--text-2);font-size:14px;margin:6px 0 26px}.login-err{display:flex;align-items:center;gap:8px;color:var(--down);font-size:13px;font-weight:500;margin-bottom:12px}.login-err svg{width:15px;height:15px}.login-remember{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-2);margin:4px 0 20px;cursor:pointer}.login-remember input{width:16px;height:16px;accent-color:var(--brand)}.login-btn{width:100%;justify-content:center;height:46px;font-size:15px}.login-back{display:block;width:100%;text-align:center;margin-top:24px;background:none;border:0;color:var(--text-2);font-family:var(--font-ui);font-size:13.5px;font-weight:600;cursor:pointer}.login-back:hover{color:var(--brand)}.loading-screen{min-height:100vh;display:grid;place-items:center}.loading-screen .spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 820px){.login-wrap{grid-template-columns:1fr}.login-aside{display:none}}@media (max-width: 880px){.hero,.ch-grid{grid-template-columns:1fr}.metrics-row{grid-template-columns:1fr 1fr}.field-row{grid-template-columns:1fr}.app,.topbar-inner,.pub-top,.pub-body{padding-left:16px;padding-right:16px}}