:root{--cloud:#f6f8fb;--surface:#ffffffd9;--surface-strong:#fffffff2;--mist:#39475a1a;--ink:#4a5360;--muted:#7f8794;--signal-blue:#2c73ff;--healthy:#39c96d;--warning:#f3af44}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top left,#4274ff14,transparent 22%),linear-gradient(180deg,#fbfcfe 0%,var(--cloud)100%);min-height:100%;color:var(--ink);margin:0;padding:0;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}body,.app-shell{min-height:100vh}.page-shell{min-height:100vh;padding:20px}.content{max-width:1600px;margin:0 auto}.topbar{grid-template-columns:auto 1fr auto;align-items:center;gap:20px;max-width:1600px;margin:0 auto 20px;padding:16px 20px;display:grid}.topbar-brand{align-items:center;gap:14px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#2c73ff,#6ca5ff);border-radius:14px;place-items:center;width:44px;height:44px;font-size:14px;font-weight:700;display:grid}.brand-title{font-size:15px;font-weight:700}.brand-subtitle,.topbar-user-meta{color:var(--muted);font-size:12px}.topnav{justify-content:center;gap:10px;display:flex}.topnav-link{color:var(--muted);border:1px solid #0000;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none}.topnav-link:hover,.topnav-link.active{color:var(--signal-blue);background:#2c73ff14;border-color:#2c73ff29}.topbar-user{align-items:center;gap:14px;display:flex}.topbar-user-name{font-size:13px;font-weight:700}.panel,.card{border:1px solid var(--mist);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px}.toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.title{margin:0 0 4px;font-size:24px;font-weight:600}.subtitle,.muted{color:var(--muted);font-size:13px}.toolbar-tag{color:var(--signal-blue);background:#2c73ff14;border:1px solid #2c73ff29;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600}.live-monitor{background:linear-gradient(135deg,#fffffff5,#f4f8ffeb),var(--surface);margin-bottom:16px;padding:14px 16px}.live-monitor-healthy{border-color:#39c96d33}.live-monitor-warning{background:linear-gradient(135deg,#fffbf5fa,#fff7e8f0),var(--surface);border-color:#f3af4447}.live-monitor-critical{border-color:#c4484847}.live-monitor-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.live-monitor-bar{gap:10px;display:grid}.live-monitor-toggle{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0;display:flex}.live-monitor-caret{color:var(--muted);font-size:18px;line-height:1}.live-monitor-title{font-size:14px;font-weight:600;line-height:1.4}.live-monitor-stats{flex-wrap:wrap;gap:8px;display:flex}.live-monitor-stats span{color:var(--ink);background:#ffffffad;border:1px solid #39475a14;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:600}.live-dot{background:var(--healthy);border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 6px #39c96d24}.live-monitor-warning .live-dot{background:var(--warning);box-shadow:0 0 0 6px #f3af4424}.live-monitor-critical .live-dot{background:#c44848;box-shadow:0 0 0 6px #c4484824}.live-dot.spinning{animation:1.8s ease-in-out infinite pulse-ring}.noc-shell{background:radial-gradient(circle at 14% 12%,#2c73ff24,#0000 26%),radial-gradient(circle at 84% 16%,#39c96d1c,#0000 22%),linear-gradient(#f7faff 0%,#eef3f9 100%);grid-template-rows:auto auto minmax(0,1fr);gap:10px;height:100dvh;padding:clamp(10px,1.2vw,16px);display:grid;overflow:hidden}.noc-shell.warning{background:radial-gradient(circle at 14% 12%,#f3af4429,#0000 28%),radial-gradient(circle at 84% 16%,#2c73ff17,#0000 22%),linear-gradient(#fffaf0 0%,#eef3f9 100%)}.noc-shell.critical{background:radial-gradient(circle at 14% 12%,#d94b4b29,#0000 30%),radial-gradient(circle at 84% 16%,#f3af441f,#0000 24%),linear-gradient(#fff5f2 0%,#eef3f9 100%)}.noc-hero{justify-content:space-between;align-items:center;gap:18px;width:100%;max-width:1780px;min-height:0;margin:0 auto;display:flex}.noc-eyebrow{color:var(--signal-blue);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800}.noc-hero h1,.noc-card h1,.noc-card h2{color:#1c2530;margin:4px 0}.noc-hero h1{font-size:clamp(24px,2.1vw,34px);line-height:1.04}.noc-card h2{font-size:clamp(17px,1.1vw,22px)}.noc-hero p,.noc-card p{color:var(--muted);margin:0;font-size:13px}.noc-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #39475a1a;border-radius:20px;box-shadow:0 24px 70px #24365114}.noc-empty{max-width:620px;margin:12vh auto 0;padding:32px}.noc-live{white-space:nowrap;background:#ffffffc7;border:1px solid #39475a1a;border-radius:999px;align-items:center;gap:12px;padding:8px 10px 8px 12px;display:flex}.noc-live strong,.noc-live span{font-size:12px;display:block}.noc-live span{color:var(--muted)}.noc-pulse{background:var(--healthy);border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 8px #39c96d1f}.noc-pulse.warning{background:var(--warning);box-shadow:0 0 0 8px #f3af4424}.noc-pulse.critical{background:#d94b4b;box-shadow:0 0 0 8px #d94b4b24}.noc-refresh-button{color:var(--signal-blue);font:inherit;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;background:#2c73ff14;border:1px solid #2c73ff29;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800}.noc-refresh-button:disabled{cursor:progress;opacity:.56}.noc-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:100%;max-width:1780px;min-height:0;margin:0 auto;display:grid}.noc-stats .noc-card{padding:clamp(9px,.8vw,12px) clamp(10px,.95vw,14px)}.noc-stats span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700;display:block}.noc-stats strong{color:#1c2530;font-size:clamp(22px,2vw,30px);line-height:1.05}.noc-grid{grid-template-columns:minmax(0,1fr) 390px;gap:14px;width:100%;max-width:1780px;height:auto;min-height:0;margin:0 auto;display:grid}.noc-map-card,.noc-incident-rail,.noc-shell>.noc-card:last-child{min-height:0;padding:clamp(12px,1vw,18px)}.noc-map-card,.noc-incident-rail{flex-direction:column;display:flex}.noc-card-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px;display:flex}.noc-map-legend{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:12px;font-weight:700;display:flex}.noc-map-legend span{align-items:center;gap:6px;display:inline-flex}.noc-map-legend i{border-radius:999px;width:9px;height:9px}.noc-map-legend .healthy{background:var(--healthy)}.noc-map-legend .warning{background:var(--warning)}.noc-map-legend .critical{background:#d94b4b}.noc-map{background:linear-gradient(135deg,#ffffffd1,#eef6ffb3),radial-gradient(circle at 24% 30%,#2c73ff29,#0000 20%),radial-gradient(circle at 70% 65%,#39c96d1f,#0000 24%);border:1px solid #2c73ff1a;border-radius:24px;flex:1;height:auto;min-height:0;position:relative;overflow:hidden}.noc-map.osm{background:#dbe8f0}.osm-tile-layer{z-index:1;opacity:.92;position:absolute;inset:0}.osm-tile-layer:after{content:"© OpenStreetMap contributors";color:var(--muted);background:#ffffffd6;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700;position:absolute;bottom:10px;right:12px}.osm-tile-layer img{-webkit-user-select:none;user-select:none;width:256px;height:256px;position:absolute}.noc-coordinate-backdrop{z-index:0;background:linear-gradient(135deg,#ffffffc7,#e0effb94),radial-gradient(circle at 20% 20%,#2c73ff24,#0000 22%),radial-gradient(circle at 74% 72%,#39c96d1f,#0000 28%);position:absolute;inset:0}.noc-coordinate-dot{background:#39c96d6b;border-radius:999px;width:8px;height:8px;position:absolute;transform:translate(-50%,-50%)}.noc-coordinate-dot.warning,.noc-coordinate-dot.major{background:#f3af449e}.noc-coordinate-dot.critical{background:#d94b4bad}.noc-map-grid{z-index:0;background-image:linear-gradient(#39475a0f 1px,#0000 1px),linear-gradient(90deg,#39475a0f 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#00000059);mask-image:linear-gradient(#000000e6,#00000059)}.noc-marker{z-index:3;color:#fff;letter-spacing:.04em;text-transform:uppercase;cursor:default;border:2px solid #ffffffeb;border-radius:999px;place-items:center;width:44px;height:44px;font-size:10px;font-weight:900;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 14px 30px #19284129}.noc-marker.unlocated{opacity:.74;width:26px;height:26px}.noc-marker.healthy{background:linear-gradient(135deg,#30c86b,#65df96);border-width:1px;width:13px;height:13px;box-shadow:0 8px 18px #1928411f}.noc-marker.healthy span{display:none}.noc-marker.warning{background:linear-gradient(135deg,#f0a72e,#ffc56b);width:38px;height:38px}.noc-marker.major,.noc-marker.critical{background:linear-gradient(135deg,#d94b4b,#f07863);width:50px;height:50px;box-shadow:0 0 0 8px #d94b4b1c,0 14px 30px #1928412e}.noc-impact-list{flex:1;gap:10px;min-height:0;max-height:none;padding-right:4px;display:grid;overflow-y:auto}.noc-impact{background:#ffffffa3;border:1px solid #39475a17;border-radius:16px;justify-content:space-between;gap:14px;padding:12px;display:flex}.noc-impact strong,.noc-score strong{color:#1c2530;font-size:13px;display:block}.noc-impact span,.noc-score span{color:var(--muted);font-size:11px;display:block}.noc-impact.critical,.noc-impact.major{background:#fff1efc7;border-color:#d94b4b2e}.noc-impact.warning{background:#fff9efd1;border-color:#f3af4433}.noc-score{text-align:right;min-width:72px}.noc-empty-inline{color:var(--muted);text-align:center;border:1px dashed #39475a2e;border-radius:16px;padding:18px;font-size:13px}.location-actions{margin-bottom:14px}.location-search{max-width:360px}.site-location-list{gap:8px;max-height:520px;padding-right:4px;display:grid;overflow-y:auto}.site-location-row{background:#ffffffa3;border:1px solid #39475a14;border-radius:14px;grid-template-columns:minmax(260px,1fr) 160px 160px;align-items:end;gap:12px;padding:12px;display:grid}.site-location-meta strong,.site-location-meta span{display:block}.site-location-meta strong{color:var(--ink);font-size:13px}.site-location-meta span{color:var(--muted);font-size:12px}.compact-field{gap:5px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.site-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-bottom:18px;display:grid}.site-grid-scroll{max-height:690px;margin-bottom:18px;padding-right:4px;overflow-y:auto}.card{padding:14px}.site-button{text-align:left;cursor:pointer;width:100%}.site-button.selected{border-color:#2c73ff52;box-shadow:0 0 0 3px #2c73ff14}.stat-card{background:var(--surface-strong)}.stat-button{text-align:left;cursor:pointer;width:100%}.stat-button.selected{border-color:#2c73ff47;box-shadow:0 0 0 3px #2c73ff14}.filter-card{margin-bottom:16px}.filter-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.inline-filter-row{margin-top:12px}.device-filter-row{margin-bottom:12px}.inline-filter-input{width:100%;color:var(--ink);font:inherit;background:#fffffff0;border:1px solid #39475a1f;border-radius:12px;padding:11px 14px}.inline-filter-input:focus{border-color:#2c73ff59;outline:none;box-shadow:0 0 0 3px #2c73ff1a}.filter-pill{color:var(--muted);font:inherit;cursor:pointer;background:#ffffffe6;border:1px solid #39475a1f;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600}.filter-pill.active{color:var(--signal-blue);background:#2c73ff14;border-color:#2c73ff33}.stat-value{margin-bottom:6px;font-size:26px;font-weight:600}.site-title{margin-bottom:4px;font-size:15px;font-weight:600}.site-meta-row{margin-bottom:8px}.ribbon{grid-template-columns:repeat(3,1fr);gap:4px;margin:12px 0;display:grid}.ribbon span{background:#d8e0e9;border-radius:999px;height:7px;display:block}.ribbon span.active{background:var(--healthy)}.ribbon span.warning{background:var(--warning)}.ribbon span.critical{background:#d95952}.device-section{margin-top:8px}.section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.section-title{margin:0 0 4px;font-size:18px;font-weight:600}.table-card{padding:0;overflow:hidden}.table-scroll{max-height:560px;overflow:auto}.table-empty{color:var(--muted);text-align:center;padding:22px 16px}.suppressed-row td{color:#adb4bf}.pending-row td{background:#2c73ff09}.action-row{flex-wrap:wrap;gap:6px;display:flex}.mini-action{color:var(--ink);font:inherit;cursor:pointer;background:#ffffffeb;border:1px solid #39475a1f;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:600}.mini-action:disabled{cursor:default;opacity:1}.mini-action.active{color:#949ca8;background:#adb4bf29;border-color:#39475a1f}.mini-action.pending{color:#2c73ff;background:#2c73ff1a;border-color:#2c73ff33}.settings-card{padding:18px}.settings-form,.settings-stack{gap:18px;display:grid}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field{gap:8px;display:grid}.field-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.configured-badge{color:#15824f;letter-spacing:.02em;background:#39c96d1f;border-radius:999px;padding:3px 8px;font-size:10px}.field-input{width:100%;color:var(--ink);font:inherit;background:#fffffff0;border:1px solid #39475a1f;border-radius:10px;padding:12px 14px}.field-input:focus{border-color:#2c73ff59;outline:none;box-shadow:0 0 0 3px #2c73ff1a}.settings-actions{align-items:center;gap:12px;display:flex}.logger-card{background:#f7faffc7;border:1px solid #39475a14;border-radius:14px;gap:12px;margin-top:6px;padding:16px;display:grid}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.account-panel{background:#ffffffbd;border:1px solid #39475a14;border-radius:14px;gap:14px;padding:16px;display:grid}.account-summary,.user-list-item{background:#ffffffd1;border:1px solid #39475a14;border-radius:12px;padding:12px 14px}.user-list{gap:10px;display:grid}.account-name{font-size:14px;font-weight:700}.account-meta{color:var(--muted);font-size:12px}.logger-list{gap:10px;max-height:420px;display:grid;overflow:auto}.logger-entry{background:#ffffffe0;border:1px solid #39475a14;border-radius:12px;padding:12px}.logger-row{align-items:center;gap:8px;margin-bottom:6px;font-size:11px;display:flex}.logger-time{color:var(--muted);font-weight:600}.logger-level,.logger-event{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 8px;font-weight:700}.logger-level{color:var(--signal-blue);background:#2c73ff14}.logger-level-warn{color:#8a6208;background:#f3af4424}.logger-level-error{color:#a94442;background:#e15c561f}.logger-event{color:var(--ink);background:#39475a0f}.logger-message{font-size:13px;font-weight:600}.logger-context{color:#d9e7ff;background:#141d2bf0;border-radius:10px;margin:8px 0 0;padding:10px;font-size:11px;overflow:auto}.logger-empty{color:var(--muted);text-align:center;border:1px dashed #39475a24;border-radius:12px;padding:18px}@keyframes pulse-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.82;transform:scale(1.18)}}.primary-button{background:var(--signal-blue);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:11px 16px;font-size:13px;font-weight:600}.primary-button:hover{filter:brightness(1.03)}.secondary-button{color:var(--signal-blue);font:inherit;cursor:pointer;background:#2c73ff14;border:1px solid #2c73ff29;border-radius:999px;padding:11px 16px;font-size:13px;font-weight:600}.secondary-button:hover{background:#2c73ff1f}.settings-note{color:var(--muted);font-size:12px}.device-table{border-collapse:collapse;width:100%;font-size:13px}.device-table th,.device-table td{text-align:left;border-bottom:1px solid #39475a12;padding:14px 16px}.device-table th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:#f8fafce0;font-size:11px;font-weight:600}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-header:hover{color:var(--signal-blue)}.device-table tbody tr:hover{background:#2c73ff0a}.device-link{color:var(--signal-blue);font-weight:600;text-decoration:none}.device-link:hover{text-decoration:underline}.status-pill{border:1px solid #0000;border-radius:999px;align-items:center;padding:5px 10px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.status-pill.online{color:#15824f;background:#39c96d1f;border-color:#39c96d2e}.status-pill.offline{color:#a94442;background:#e15c561f;border-color:#e15c562e}.status-pill.suppressed{color:#8a6208;background:#f3af4424;border-color:#f3af4433}.status-pill.recovery-attempted{color:var(--signal-blue);background:#2c73ff1a;border-color:#2c73ff29}.status-pill.unknown{color:var(--muted);background:#7f87941a;border-color:#7f879426}.status-pill.degraded{color:#8a6208;background:#f3af4424;border-color:#f3af4433}.type-pill{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:#39475a0f;border:1px solid #39475a1f;border-radius:999px;align-items:center;padding:4px 9px;font-size:10px;font-weight:600;display:inline-flex}.type-pill.network{color:var(--signal-blue);background:#2c73ff14;border-color:#2c73ff26}.type-pill.protect{color:#15824f;background:#39c96d1a;border-color:#39c96d29}.status-inline{text-transform:capitalize}.status-inline.online{color:#15824f}.status-inline.degraded,.status-inline.unknown{color:#8a6208}.status-inline.offline{color:#a94442}.empty-state{padding:24px}.loading-state{gap:12px;display:grid}.loading-shell{max-width:520px;margin:120px auto 0;padding:28px}.loading-title{font-size:18px;font-weight:600}.loading-counters{flex-wrap:wrap;gap:10px;display:flex}.loading-counters span{color:var(--muted);background:#fffc;border:1px solid #39475a14;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600}.login-shell{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{width:min(100%,460px);padding:28px}.login-eyebrow{color:var(--signal-blue);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:700}.login-title{margin:0 0 8px;font-size:28px}.login-button{width:100%}@media (max-width:980px){.topbar{grid-template-columns:1fr;justify-items:start}.topnav{flex-wrap:wrap;justify-content:flex-start}.topbar-user{justify-content:space-between;width:100%}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-table{display:block;overflow-x:auto}.site-grid-scroll{max-height:720px}.settings-grid,.compact-grid,.account-grid{grid-template-columns:1fr}.noc-hero,.noc-card-header{flex-direction:column;align-items:flex-start}.noc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.noc-grid,.site-location-row{grid-template-columns:1fr}}@media (max-width:640px){.toolbar{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.settings-actions{flex-direction:column;align-items:flex-start}.noc-shell{padding:14px}.noc-stats{grid-template-columns:1fr}.noc-map{min-height:480px}}