*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.table{display:table}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{color-scheme:dark;--bg: #050708;--bg-2: #091011;--panel: rgba(15, 22, 24, .9);--panel-strong: rgba(20, 28, 31, .96);--panel-soft: rgba(10, 16, 18, .82);--line: rgba(126, 255, 213, .15);--line-strong: rgba(126, 255, 213, .3);--text: #edfdf8;--muted: #8ba09b;--muted-2: #60746f;--teal: #31f2c0;--teal-dim: #0fa886;--green: #80ff72;--amber: #ffb547;--coral: #ff5c73;--violet: #9c7cff;--blue: #5da8ff;--shadow: 0 24px 80px rgba(0, 0, 0, .48);--radius: 8px}*{box-sizing:border-box;letter-spacing:0}html,body,#root{min-width:320px;min-height:100%}body{margin:0;background:linear-gradient(90deg,rgba(49,242,192,.04) 1px,transparent 1px) 0 0 / 44px 44px,linear-gradient(rgba(49,242,192,.035) 1px,transparent 1px) 0 0 / 44px 44px,linear-gradient(135deg,rgba(49,242,192,.08),transparent 28%),linear-gradient(225deg,rgba(93,168,255,.07),transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.45;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid rgba(49,242,192,.42);outline-offset:2px}.auth-loading{display:grid;min-height:100vh;place-items:center;gap:12px;color:var(--muted)}.scan-loader{width:180px;height:8px;border:1px solid var(--line);border-radius:99px;background:linear-gradient(90deg,transparent,var(--teal),transparent);animation:scan 1.2s linear infinite}.login-screen{position:relative;display:grid;min-height:100vh;place-items:center;overflow:hidden;padding:24px}.login-grid{position:absolute;inset:0;background:linear-gradient(90deg,rgba(49,242,192,.09) 1px,transparent 1px) center / 64px 64px,linear-gradient(rgba(49,242,192,.09) 1px,transparent 1px) center / 64px 64px;-webkit-mask-image:linear-gradient(transparent,black 20%,black 80%,transparent);mask-image:linear-gradient(transparent,black 20%,black 80%,transparent);opacity:.32;transform:perspective(620px) rotateX(62deg) translateY(180px)}.login-panel{position:relative;z-index:1;display:grid;width:min(430px,100%);gap:16px}.login-mark{display:grid;place-items:center;gap:7px;text-align:center}.login-mark h1{margin:6px 0 0;font-size:28px;letter-spacing:.16em;text-transform:uppercase}.login-mark span,.system-chip,.login-card label,.security-card span{color:var(--muted);font-size:12px;font-weight:700}.system-chip{display:inline-flex;align-items:center;justify-self:center;gap:9px;border:1px solid var(--line);border-radius:7px;background:#080e10cc;padding:8px 12px;text-transform:uppercase}.login-card,.security-card,.panel,.drawer,.popover,.command-modal{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#121c1ff0,#080e10eb);box-shadow:var(--shadow),inset 0 1px #ffffff0a}.login-card{display:grid;gap:14px;padding:20px}.login-card-header,.security-card,.user-card,.detail-hero,.api-key-card{display:flex;align-items:center;gap:12px}.login-card-header strong,.security-card strong,.user-card strong,.api-key-card strong{display:block}.login-card label{display:grid;gap:7px}.login-card input,.drawer-form input,.global-search input,.inline-search input,.command-input input{min-width:0;border:1px solid rgba(141,255,219,.14);border-radius:7px;background:#04090ab8;color:var(--text);outline:0}.login-card input,.drawer-form input{min-height:40px;padding:0 11px}.password-wrap{position:relative;display:grid}.password-wrap svg{position:absolute;top:50%;right:12px;color:var(--muted);transform:translateY(-50%)}.login-row{display:flex;align-items:center;justify-content:space-between}.login-row button,.popover button,.text-action,.metric-link,.panel-footer-action{border:0;background:transparent;color:var(--teal);font-size:12px;font-weight:800;text-decoration:none}.check-row{display:inline-flex!important;grid-auto-flow:column;align-items:center;gap:8px!important}.check-row input{width:14px;height:14px;accent-color:var(--teal)}.login-error{border:1px solid rgba(255,92,115,.35);border-radius:7px;background:#ff5c731c;color:#ffd5db;padding:9px 10px;font-size:12px;font-weight:750}.app-shell{display:grid;width:100%;min-height:100vh;grid-template-columns:260px minmax(0,1fr);overflow-x:hidden}.sidebar{position:sticky;top:0;z-index:12;display:flex;height:100vh;min-width:0;flex-direction:column;border-right:1px solid var(--line);background:#040809d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar.collapsed{width:78px}.brand{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:10px;min-height:76px;padding:15px 12px}.brand-copy strong{display:block;font-size:13px;text-transform:uppercase}.brand-copy span{color:var(--teal);font-size:11px;font-weight:800}.brand-mark{position:relative;display:inline-grid;place-items:center;width:30px;height:30px;border:2px solid var(--teal);border-radius:7px;color:var(--teal);box-shadow:0 0 20px #31f2c042}.brand-mark:before,.brand-mark:after{position:absolute;background:var(--teal);content:""}.brand-mark:before{width:14px;height:2px}.brand-mark:after{width:2px;height:14px}.brand-mark.mega{width:72px;height:72px;border-width:3px}.brand-mark.mega:before{width:34px}.brand-mark.mega:after{height:34px}.nav-list,.nav-footer{display:flex;flex-direction:column;gap:4px;padding:8px 12px}.nav-list{flex:1;overflow-y:auto}.nav-item{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;width:100%;min-height:42px;border:1px solid transparent;border-radius:7px;background:transparent;color:#b7c7c3;padding:0 10px;text-align:left;transition:background .18s ease,border-color .18s ease,transform .18s ease}.nav-item:hover,.nav-item.active{border-color:var(--line);background:#31f2c014;color:var(--text)}.nav-item.active{box-shadow:inset 3px 0 0 var(--teal),0 0 22px #31f2c00f;font-weight:800}.nav-item small,.count-bubble{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:99px;background:#31f2c01f;color:var(--teal);font-size:11px;font-weight:900}.nav-item small.incidents,.nav-item small.alerts{background:#ff5c7324;color:#ff9aaa}.refresh-tile{display:flex;align-items:center;justify-content:space-between;min-height:42px;border:1px solid var(--line);border-radius:7px;background:#060c0ecc;color:var(--muted);padding:0 10px;font-size:12px}.main-shell{min-width:0}.topbar{position:sticky;top:0;z-index:11;display:flex;align-items:center;gap:12px;min-width:0;min-height:76px;overflow:hidden;border-bottom:1px solid var(--line);background:#05090ac7;padding:0 22px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.page-kicker,.system-status,.plain-button,.operator-button,.primary-button,.ghost-button,.status-badge,.time-badge,.metric-link,.panel-footer-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.page-kicker strong{font-size:13px;text-transform:uppercase}.global-search{display:flex;flex:1 1 270px;align-items:center;gap:10px;width:auto;min-width:220px;max-width:510px;min-height:40px;border:1px solid var(--line);border-radius:7px;background:#060b0dd1;color:var(--muted);padding:0 10px;text-align:left}.global-search input{flex:1;border:0;background:transparent;padding:0}kbd{border:1px solid rgba(141,255,219,.16);border-radius:5px;background:#ffffff0a;color:var(--muted);padding:2px 7px;font-size:11px;font-weight:800}.system-status{flex:0 1 170px;margin-left:auto;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis}.live-dot,.system-pulse,.status-dot,.scope-dot,.notification-dot{display:inline-block;width:8px;height:8px;border-radius:99px;background:var(--teal);box-shadow:0 0 18px #31f2c0cc}.system-pulse{position:relative;animation:pulse 2.2s ease-in-out infinite}.system-pulse.pulse-on:after{position:absolute;inset:-8px;border:1px solid rgba(49,242,192,.45);border-radius:99px;animation:pulse-ring .9s ease-out;content:""}.icon-button,.row-action{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid transparent;border-radius:7px;background:transparent;color:#bcd3ce}.icon-button:hover,.row-action:hover,.ghost-button:hover,.plain-button:hover,.operator-button:hover{border-color:var(--line);background:#31f2c014;color:var(--text)}.primary-button,.ghost-button,.plain-button,.operator-button{max-width:172px;min-width:0;min-height:38px;border-radius:7px;padding:0 13px;font-weight:850}.operator-button span{display:block;max-width:94px;overflow:hidden;text-overflow:ellipsis}.primary-button{border:1px solid rgba(49,242,192,.5);background:linear-gradient(180deg,#45ffc8,#0bb28b);color:#04100d;box-shadow:0 14px 30px #31f2c02e}.primary-button.wide{width:100%}.ghost-button,.plain-button,.operator-button{border:1px solid rgba(141,255,219,.12);background:#070d0fb3;color:#d3e8e3}.operator-button strong{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:99px;background:#31f2c029;color:var(--teal)}.topbar-popover-wrap,.menu-wrap{position:relative}.popover{position:absolute;top:calc(100% + 10px);right:0;z-index:30;width:360px;overflow:hidden}.popover-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 14px}.notification-row,.large-list-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;border-bottom:1px solid rgba(141,255,219,.08);padding:12px 14px}.notification-row strong,.large-list-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-row span,.large-list-row span,.notification-row time,.large-list-row time{color:var(--muted);font-size:12px}.notification-row.critical .notification-dot,.large-list-row.critical .notification-dot,.large-list-row.down .notification-dot{background:var(--coral);box-shadow:0 0 18px #ff5c73b8}.notification-row.warning .notification-dot,.large-list-row.warning .notification-dot,.large-list-row.degraded .notification-dot{background:var(--amber);box-shadow:0 0 18px #ffb547b8}.mini-empty{color:var(--muted);padding:16px;text-align:center}.user-popover{width:270px;padding:10px}.user-popover button,.mini-menu button{display:flex;align-items:center;gap:9px;width:100%;border-radius:6px;padding:9px 10px;text-align:left}.avatar-ring{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:99px;color:var(--teal)}.danger-menu-item{color:#ff9aaa!important}.dashboard{width:100%;min-width:0;padding:20px 24px 30px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 auto 16px;max-width:1720px}.page-header h1{margin:0;font-size:26px}.page-header p{margin:4px 0 0;color:var(--muted)}.page-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.live-score,.metric-mini{display:grid;gap:2px;min-width:98px;border:1px solid var(--line);border-radius:7px;background:#080e10ad;padding:8px 10px}.live-score strong,.metric-mini strong{color:var(--text);font-size:16px}.live-score small,.metric-mini span{color:var(--muted);font-size:11px;font-weight:750}.dashboard-grid,.page-grid.two-column{display:grid;max-width:1720px;margin:0 auto;grid-template-columns:minmax(0,1fr) clamp(360px,27vw,460px);gap:16px}.primary-column,.side-column{display:flex;min-width:0;flex-direction:column;gap:14px}.panel{overflow:hidden;min-width:0}.panel-header{display:flex;align-items:center;justify-content:space-between;min-height:48px;border-bottom:1px solid var(--line);padding:0 16px}.panel h2{margin:0;font-size:16px}.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));padding:14px 16px 8px}.metric-block{display:flex;min-height:104px;flex-direction:column;justify-content:center;border-right:1px solid rgba(141,255,219,.1);padding:0 15px}.metric-block:last-child{border-right:0}.metric-block strong{color:var(--text);font-size:clamp(22px,2vw,30px);line-height:1}.metric-block span{margin-top:8px;color:#d8f3ec;font-size:13px;font-weight:750}.metric-link{justify-content:flex-start;margin-top:11px;padding:0}.health-strip{display:flex;gap:4px;padding:10px 24px 14px}.health-segment{height:24px;min-width:4px;flex:1 1 0;border-radius:2px;background:var(--teal);box-shadow:0 0 12px #31f2c03d}.health-segment.degraded,.status-dot.degraded{background:var(--amber)}.health-segment.down,.status-dot.down{background:var(--coral)}.health-segment.maintenance,.status-dot.maintenance{background:#67716f}.health-legend{display:grid;grid-template-columns:repeat(4,minmax(128px,1fr)) auto;gap:10px;padding:0 16px 16px}.small-stat{display:flex;align-items:center;gap:8px;min-height:34px;border:1px solid rgba(141,255,219,.12);border-radius:7px;background:#04090a9e;padding:0 12px}.small-stat span,.small-stat strong{font-size:12px}.small-stat strong{margin-left:auto}.health-legend>strong{align-self:center;color:var(--teal)}.table-tools,.dns-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px}.segmented-control{display:flex;flex-wrap:wrap;gap:8px}.segmented-control button,.tabs button{min-height:32px;border:1px solid rgba(141,255,219,.12);border-radius:7px;background:#050b0cb3;color:var(--muted);padding:0 13px;font-size:12px;font-weight:850;text-transform:capitalize}.segmented-control button.active,.tabs button.active{border-color:#31f2c080;background:#31f2c024;color:var(--teal)}.inline-search{display:flex;align-items:center;gap:9px;width:min(310px,40%);min-width:220px;height:34px;border:1px solid var(--line);border-radius:7px;background:#050b0cb8;color:var(--muted);padding:0 10px}.inline-search input{flex:1;border:0;background:transparent;padding:0}.monitor-table-wrap,.dns-table-wrap{overflow-x:auto}.monitor-table{width:100%;min-width:760px;border-collapse:collapse}.monitor-table th,.monitor-table td{height:42px;border-bottom:1px solid rgba(141,255,219,.1);padding:0 9px;color:#dcefe9;font-size:12px;text-align:left;white-space:nowrap}.monitor-table th{color:var(--muted);font-weight:900}.monitor-table tbody tr:hover,.monitor-table tbody tr.selected{background:#31f2c012}.site-cell{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-weight:850}.muted-cell,.flag-code{color:var(--muted)}.status-pill{display:inline-flex;align-items:center;gap:7px;color:#dcefe9;font-size:12px;font-weight:850}.status-pill.degraded{color:var(--amber)}.status-pill.down{color:var(--coral)}.danger-text{color:#ff9aaa!important;font-weight:900}.panel-footer-action{width:100%;min-height:42px;border-top:1px solid var(--line)}.cf-list{display:flex;flex-direction:column}.cf-row{display:grid;grid-template-columns:28px minmax(100px,1fr) 82px 112px;align-items:center;gap:10px;min-height:50px;border-bottom:1px solid rgba(141,255,219,.1);padding:0 16px}.cf-row span,.cf-footer span{color:#d8f3ec;font-size:12px;font-weight:800}.cf-row strong{text-align:right}.cf-icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#31f2c01f;color:var(--teal)}.cf-icon.warn{background:#ffb5471f;color:var(--amber)}.cf-icon.danger{background:#ff5c731f;color:var(--coral)}.cf-footer{display:flex;justify-content:space-between;gap:12px;padding:13px 16px 10px}.cf-note{display:grid;gap:2px;margin:0 16px 12px;border:1px solid rgba(255,181,71,.25);border-radius:7px;background:#ffb54714;padding:10px 11px}.cf-note span,.event-row span,.timeline-row span,.empty-state span{color:var(--muted);font-size:12px}.event-list,.timeline,.large-list,.settings-list,.terminal-list{display:flex;flex-direction:column}.event-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;min-height:58px;border-bottom:1px solid rgba(141,255,219,.1);padding:10px 16px}.event-icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:99px;align-self:center}.event-row.critical .event-icon{background:#ff5c732e;color:var(--coral)}.event-row.warning .event-icon{background:#ffb54726;color:var(--amber)}.event-row.info .event-icon{background:#5da8ff24;color:var(--blue)}.event-row strong,.timeline-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-row time,.timeline-row time{color:var(--muted);font-size:12px;white-space:nowrap}.timeline-row{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:10px;min-height:58px;padding:10px 16px}.timeline-row:not(:last-child):after{position:absolute;top:28px;bottom:-10px;left:22px;width:1px;background:var(--line);content:""}.chart-grid,.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.chart-card-body{display:grid;grid-template-columns:126px minmax(0,1fr);align-items:end;gap:12px;min-height:196px;padding:10px 14px 12px}.chart-stat{display:flex;flex-direction:column;align-self:stretch;justify-content:center;gap:3px}.chart-stat strong{font-size:26px}.chart-stat span,.chart-stat small{color:var(--muted);font-size:12px;font-weight:800}.chart-stat b{margin-top:12px;color:var(--teal);font-size:13px}.area-chart,.sparkline{display:block;width:100%;height:auto}.chart-gridline{stroke:#8dffdb1a;stroke-width:1}.chart-label{fill:var(--muted);font-size:11px;font-weight:800}.site-card-row,.zone-card-grid,.domain-grid,.settings-grid,.auth-grid,.dns-side-grid{display:grid;gap:10px;padding:14px 16px}.site-card-row{grid-auto-columns:minmax(170px,1fr);grid-auto-flow:column;overflow-x:auto}.site-card,.zone-card,.domain-card,.settings-grid article,.api-key-card{border:1px solid rgba(141,255,219,.12);border-radius:7px;background:#04090a94;color:var(--text)}.site-card{display:flex;min-height:150px;flex-direction:column;align-items:stretch;gap:7px;padding:10px;text-align:left;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.site-card:hover,.site-card.active,.zone-card:hover{border-color:#31f2c073;box-shadow:0 0 28px #31f2c014;transform:translateY(-1px)}.site-card-title{display:flex;align-items:center;gap:7px}.site-card>span,.card-stat-row small,.zone-card span,.domain-card span{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.card-stat-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto}.domain-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.domain-card{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:78px;padding:11px}.time-badge{height:24px;border:1px solid var(--line);border-radius:99px;background:#31f2c014;color:var(--teal);padding:0 8px;font-size:11px;font-weight:850}.empty-state{display:grid;place-items:center;gap:6px;min-height:104px;color:var(--muted);padding:18px;text-align:center}.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;z-index:40;display:flex;justify-content:flex-end;background:#00000070;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.drawer{width:min(410px,100%);height:100%;border-top:0;border-right:0;border-bottom:0}.drawer-header{display:flex;align-items:center;justify-content:space-between;min-height:78px;border-bottom:1px solid var(--line);padding:0 18px}.drawer-form{display:flex;flex-direction:column;gap:14px;padding:18px}.drawer-form label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:850}.drawer-row{display:flex;align-items:center;justify-content:space-between;min-height:42px;border:1px solid var(--line);border-radius:7px;background:#04090a9e;padding:0 11px}.modal-backdrop{justify-content:center;align-items:flex-start;padding-top:9vh}.command-modal{width:min(640px,calc(100vw - 28px));overflow:hidden}.command-input{display:grid;grid-template-columns:22px 1fr 34px;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:12px}.command-input input{border:0;background:transparent}.command-section{display:grid;gap:6px;padding:12px}.command-section>span{color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase}.command-section button{display:flex;align-items:center;gap:10px;min-height:38px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text);padding:0 10px;text-align:left}.command-section button:hover{border-color:var(--line);background:#31f2c014}.detail-panel{display:flex;min-width:0;flex-direction:column;gap:14px}.detail-hero{padding:16px}.detail-hero>div{min-width:0;flex:1}.detail-hero strong,.detail-hero span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-hero span{color:var(--muted);font-size:12px}.detail-grid,.auth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-list span{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(141,255,219,.1);padding:12px 16px;color:var(--muted);font-size:12px}.settings-list b{color:var(--text)}.dns-page{display:grid;max-width:1720px;margin:0 auto;grid-template-columns:minmax(0,1fr) 380px;gap:16px}.status-badge{min-height:32px;border:1px solid var(--line);border-radius:7px;background:#31f2c014;color:var(--teal);padding:0 10px;font-size:12px;font-weight:850}.mini-menu{right:auto;left:0;width:170px;padding:6px}.zone-list article{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid rgba(141,255,219,.1);padding:11px 14px}.zone-list strong,.zone-list small{display:block}.zone-list small{color:var(--muted)}.zone-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zone-card{display:grid;gap:8px;min-height:128px;padding:13px}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid article{display:grid;gap:8px;padding:14px}.tabs{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px 0}.api-key-card{margin:16px;padding:16px}.terminal-list{gap:0;padding:12px 16px}.terminal-list code{border-bottom:1px solid rgba(141,255,219,.08);color:#b7f7dc;padding:8px 0;white-space:pre-wrap}.toast{position:fixed;right:22px;bottom:22px;z-index:60;display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line-strong);border-radius:7px;background:#070f10f0;color:var(--text);padding:12px 14px;box-shadow:var(--shadow)}@keyframes pulse{0%,to{opacity:.72}50%{opacity:1}}@keyframes pulse-ring{0%{opacity:.85;transform:scale(.45)}to{opacity:0;transform:scale(1.8)}}@keyframes scan{0%{background-position:-180px 0}to{background-position:180px 0}}@media(max-width:1220px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;flex-direction:row;overflow-x:auto}.brand{min-width:240px}.nav-list,.nav-footer{flex-direction:row}.nav-item{width:auto;min-width:-moz-max-content;min-width:max-content}.dashboard-grid,.page-grid.two-column,.dns-page{grid-template-columns:1fr}}@media(max-width:860px){.topbar,.page-header,.table-tools,.dns-toolbar{flex-wrap:wrap}.global-search,.inline-search{width:100%}.dashboard{padding:14px}.metrics-grid,.chart-grid,.report-grid,.domain-grid,.zone-card-grid,.settings-grid,.detail-grid,.auth-grid{grid-template-columns:1fr}.metric-block{border-right:0;border-bottom:1px solid rgba(141,255,219,.1)}.health-legend{grid-template-columns:1fr}.cf-row{grid-template-columns:28px minmax(100px,1fr) 70px}.cf-row .sparkline{grid-column:2 / -1}}@media(max-width:560px){.sidebar{flex-direction:column;overflow:hidden}.brand{width:100%;min-width:0}.nav-list{width:100%;overflow-x:auto;padding:0 10px 10px}.nav-footer,.operator-button span,.system-status,.page-kicker,.command-button{display:none}.topbar{padding:10px}.login-screen{padding:12px}.popover{right:-80px;width:min(340px,calc(100vw - 18px))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}