@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{color-scheme:dark;font-family:DM Sans,sans-serif;color:#e7efec;background:#07100e;font-synthesis:none;--bg: #07100e;--panel: #0c1714;--panel-2: #101e1a;--line: #20332d;--muted: #82978f;--green: #54e69e;--green-dark: #123b2b;--cyan: #5bd7df;--danger: #ff5f69;--warning: #f5bd4f}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 75% -10%,rgba(49,145,103,.09),transparent 30%),var(--bg)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}svg{width:20px;height:20px}.eyebrow{color:var(--green);font:600 11px/1 JetBrains Mono,monospace;letter-spacing:.14em}.button{min-height:42px;border:1px solid transparent;border-radius:8px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;cursor:pointer;transition:.2s ease}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background:var(--green);color:#052017;box-shadow:0 8px 25px #54e69e1f}.button--primary:hover:not(:disabled){background:#70f0b1;transform:translateY(-1px)}.button--secondary{border-color:var(--line);background:var(--panel-2)}.button--ghost{background:transparent;color:var(--muted)}.button--compact{min-height:32px;padding:0 10px;font-size:11px}.button--danger{border-color:#ff5f6959;background:#ff5f6914;color:#ff9ca3}.button--wide{width:100%;justify-content:space-between;height:48px}.brand,.login-brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--green);color:#062118;border-radius:10px;box-shadow:0 0 28px #54e69e2e}.brand span:last-child,.login-brand span:last-child{display:flex;flex-direction:column}.brand strong,.login-brand strong{font-size:17px}.brand small,.login-brand small{color:var(--muted);font:600 8px JetBrains Mono,monospace;letter-spacing:.12em;margin-top:2px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:25px 18px 18px;background:#08120ff5;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:10}.sidebar .brand{padding:0 9px 31px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{color:#8ba098;padding:11px 12px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}.sidebar nav a:hover{background:#0f211b;color:#dce8e4}.sidebar nav a.active{background:var(--green-dark);color:var(--green);box-shadow:inset 3px 0 var(--green)}.sidebar-user{margin-top:auto;border-top:1px solid var(--line);padding:18px 4px 0;display:grid;grid-template-columns:34px minmax(0,1fr) 30px;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#193129;color:var(--green);font-weight:700}.sidebar-user>span:nth-child(2){display:flex;min-width:0;flex-direction:column}.sidebar-user small{color:var(--muted);font-size:9px}.sidebar-user strong{overflow:hidden;text-overflow:ellipsis;font-size:11px}.sidebar-user button{background:none;border:0;color:var(--muted);cursor:pointer;padding:5px}.main-content{margin-left:248px;min-height:100vh}.mobile-nav{display:none}.page{max-width:1500px;margin:auto;padding:40px clamp(24px,4vw,64px) 60px}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px}.dashboard-actions{display:flex;align-items:center;gap:10px}.settings-explainer{margin-bottom:18px;padding:22px;border:1px solid #28473b;border-radius:13px;background:linear-gradient(135deg,rgba(84,230,158,.08),var(--panel))}.settings-explainer h2{margin:8px 0}.settings-explainer p{max-width:760px;color:var(--muted);line-height:1.6}.settings-explainer code{display:inline-block;padding:10px 12px;border-radius:7px;background:#08120e;color:var(--green)}.settings-updated{align-self:center;color:var(--muted)}.page-header h1{margin:8px 0 5px;font-size:clamp(28px,4vw,40px);letter-spacing:-.04em}.page-header p{color:var(--muted);margin:0}.live-chip{color:#a8bbb4;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:9px 13px;font:500 11px JetBrains Mono,monospace}.pulse{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px;box-shadow:0 0 0 5px #54e69e1a;animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px #54e69e00}}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:22px;overflow:hidden}.metrics article{padding:18px 22px;border-right:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.metrics article:last-child{border:0}.metrics small{color:var(--muted)}.metrics strong{font:600 25px JetBrains Mono,monospace}.metrics .metric-danger strong{color:var(--danger)}.monitor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:16px}.monitor-card{position:relative;overflow:hidden;padding:20px;border:1px solid var(--line);border-top:3px solid var(--status);border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--status) 5%,var(--panel)),var(--panel) 52%);box-shadow:0 14px 30px #00000021}.monitor-card:after{content:"";position:absolute;width:90px;height:90px;right:-35px;top:-35px;background:var(--status);opacity:.05;border-radius:50%}.status-online{--status: var(--green)}.status-warning{--status: var(--warning)}.status-critical{--status: var(--danger)}.status-offline{--status: #77827e}.status-pending{--status: var(--cyan)}.monitor-card header{display:flex;justify-content:space-between;color:var(--status);font:600 10px JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.monitor-card header div{display:flex;align-items:center;gap:7px}.monitor-card header small{color:var(--muted)}.status-dot{width:8px;height:8px;background:var(--status);border-radius:50%;box-shadow:0 0 10px var(--status)}.monitor-card h2{margin:18px 0 2px;font-size:18px}.card-location,.config-card>p{color:var(--muted);margin:0;font-size:13px}.subscriber-count{margin:23px 0;display:flex;align-items:baseline;gap:8px}.subscriber-count strong{color:var(--status);font:600 40px JetBrains Mono,monospace;letter-spacing:-.08em}.subscriber-count span{color:var(--muted);font-size:12px}.previous-count{display:flex;align-items:center;justify-content:space-between;margin:-14px 0 18px;padding:7px 9px;border-radius:6px;background:#ffffff06;color:var(--muted);font-size:10px}.previous-count strong{color:#b9c9c3;font:600 12px JetBrains Mono,monospace}.monitor-card dl,.config-card dl{margin:0;border-top:1px solid var(--line);padding-top:14px;display:grid;gap:9px}.monitor-card dl div,.config-card dl div{display:flex;justify-content:space-between;gap:12px}.monitor-card dt,.config-card dt{color:var(--muted);font-size:11px}.monitor-card dd,.config-card dd{margin:0;text-align:right;font:500 11px JetBrains Mono,monospace;overflow-wrap:anywhere}.state-block,.compact-empty,.empty-state{min-height:280px;border:1px dashed #29433a;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);text-align:center;padding:30px}.state-block--error{color:#f0a2a7}.state-block--error span{max-width:520px}.loader{width:25px;height:25px;border:2px solid #28443a;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{min-height:440px;background:radial-gradient(circle at 50% 40%,rgba(84,230,158,.07),transparent 32%)}.empty-icon{width:60px;height:60px;display:grid;place-items:center;border:1px solid #2a4a3e;border-radius:16px;color:var(--green)}.empty-icon svg{width:28px;height:28px}.empty-state h2,.compact-empty h2{margin:3px 0;color:#e7efec}.empty-state p{max-width:530px;margin:0 0 9px}.empty-state>div{display:flex;gap:10px}.compact-empty svg{color:var(--green);width:34px;height:34px}.compact-empty p{margin:0}.form-panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:24px;margin-bottom:24px}.section-heading h2{margin:0 0 4px;font-size:19px}.section-heading p{color:var(--muted);margin:0 0 22px;font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field{display:grid;gap:7px}.field--wide{grid-column:1/-1}.field>span{color:#b5c5bf;font-size:12px;font-weight:600}.field input,.field select{width:100%;min-height:43px;border:1px solid #294139;border-radius:7px;padding:0 12px;background:#09130f;color:#edf5f2;outline:none}.field input:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 3px #54e69e14}.interface-discovery{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.interface-discovery .button{min-height:43px;white-space:nowrap}.field-hint{color:var(--muted);font-size:11px}.check-field{display:flex;align-items:center;gap:9px;color:#b5c5bf;font-size:13px}.check-field input{accent-color:var(--green);width:17px;height:17px}.form-actions{display:flex;justify-content:flex-end;gap:8px}.inline-warning,.env-alert{border:1px solid rgba(245,189,79,.3);background:#f5bd4f12;color:#edce91;border-radius:8px;padding:13px;font-size:13px}.table-wrap{border:1px solid var(--line);border-radius:12px;overflow-x:auto;background:var(--panel)}table{width:100%;border-collapse:collapse}th{padding:12px 17px;color:var(--muted);background:#0a1512;text-align:left;font:600 10px JetBrains Mono,monospace;letter-spacing:.07em;text-transform:uppercase}td{padding:15px 17px;border-top:1px solid var(--line);color:#becdc8;font-size:13px}td strong{color:#eef5f2;display:block}td small{color:var(--muted)}code{font-family:JetBrains Mono,monospace;font-size:11px}.toggle{border:0;background:none;color:var(--muted);padding:0;cursor:pointer;display:inline-flex;gap:7px;align-items:center;font-size:11px}.toggle span{display:block;width:30px;height:17px;border-radius:20px;background:#31413c;position:relative}.toggle span:after{content:"";position:absolute;width:11px;height:11px;top:3px;left:3px;border-radius:50%;background:#91a099;transition:.2s}.toggle.is-on{color:var(--green)}.toggle.is-on span{background:#1a5139}.toggle.is-on span:after{transform:translate(13px);background:var(--green)}.table-actions,.card-actions{display:flex;flex-wrap:wrap;gap:6px}.action-status{display:block;margin-top:7px;color:var(--green);white-space:nowrap}.config-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:14px}.config-card{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:11px}.config-card header{display:flex;align-items:center;justify-content:space-between}.config-card h2{font-size:17px;margin:18px 0 3px}.config-card dl{margin-top:18px}.card-actions{justify-content:flex-end;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.status-pill{font:600 9px JetBrains Mono,monospace;text-transform:uppercase;border-radius:20px;padding:5px 8px;background:#22322d}.status-pill--online{color:var(--green);background:#54e69e1a}.status-pill--critical{color:var(--danger);background:#ff5f691a}.status-pill--warning{color:var(--warning);background:#f5bd4f1a}.toast-region{position:fixed;z-index:100;top:18px;right:18px;display:grid;gap:8px}.toast{width:min(360px,calc(100vw - 36px));display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;border-radius:9px;border:1px solid #296344;background:#10271e;color:#c9f5df;box-shadow:0 18px 50px #0000004d;font-size:13px}.toast--error{border-color:#743b3f;background:#2b1517;color:#ffc0c4}.toast button{border:0;background:none;cursor:pointer;font-size:19px}.boot-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(380px,1.1fr) minmax(380px,.9fr)}.login-visual{overflow:hidden;position:relative;display:flex;flex-direction:column;padding:42px clamp(38px,6vw,90px);background:radial-gradient(circle at 56% 45%,rgba(38,127,90,.28),transparent 28%),linear-gradient(135deg,#071410,#091d16);border-right:1px solid var(--line)}.login-visual:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(84,230,158,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(84,230,158,.08) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 80%);mask-image:linear-gradient(to bottom,black,transparent 80%)}.login-brand,.login-copy,.visual-status{position:relative;z-index:2}.login-copy{margin:auto 0}.login-copy h1{font-size:clamp(42px,5vw,70px);line-height:.98;letter-spacing:-.06em;margin:15px 0 24px}.login-copy h1 em{color:var(--green);font-style:normal}.login-copy p{max-width:510px;color:#8ca198;line-height:1.7}.visual-status{color:#82978f;font:500 10px JetBrains Mono,monospace}.network-orbit{position:absolute;width:min(46vw,560px);aspect-ratio:1;border:1px solid rgba(84,230,158,.13);border-radius:50%;left:43%;top:45%;transform:translate(-50%,-50%)}.network-orbit:before,.network-orbit:after{content:"";position:absolute;border:1px solid rgba(84,230,158,.11);border-radius:50%;inset:16%}.network-orbit:after{inset:34%}.network-orbit i{position:absolute;width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 18px var(--green)}.network-orbit i:nth-child(1){top:14%;left:21%}.network-orbit i:nth-child(2){top:40%;right:-4px}.network-orbit i:nth-child(3){bottom:9%;left:32%}.network-orbit i:nth-child(4){top:49%;left:15%}.network-orbit>span{position:absolute;inset:43%;display:grid;place-items:center;color:var(--green);background:#102d21;border-radius:50%}.login-panel{display:grid;place-items:center;padding:35px;background:#09120f}.login-form-wrap{width:min(100%,420px)}.login-form-wrap h2{font-size:31px;letter-spacing:-.04em;margin:11px 0 7px}.login-form-wrap>div:first-of-type>p{color:var(--muted);margin:0}.login-form-wrap form{margin-top:31px;display:grid}.login-form-wrap form label{color:#b9c7c2;font-size:12px;font-weight:600;margin:0 0 7px}.login-form-wrap form input{height:48px;background:#07100e;border:1px solid #294139;color:#edf4f1;border-radius:8px;padding:0 14px;outline:none;margin-bottom:18px}.login-form-wrap form input:focus{border-color:var(--green);box-shadow:0 0 0 3px #54e69e14}.env-alert{display:grid;gap:6px;margin-top:23px}.env-alert span{display:flex;flex-wrap:wrap;gap:5px}.env-alert code{background:#382d16;padding:2px 4px;border-radius:3px}.form-error{color:#ff9097;font-size:12px;margin:-7px 0 14px}.login-footnote{color:#52665e;text-align:center;font:500 9px JetBrains Mono,monospace;margin-top:25px}.mobile-brand{display:none}@media(max-width:800px){.sidebar{display:none}.main-content{margin:0;padding-bottom:72px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);inset:auto 0 0;height:66px;z-index:50;border-top:1px solid var(--line);background:#07100ef5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-nav a,.mobile-nav button{border:0;background:none;color:#7e918a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px}.mobile-nav a.active{color:var(--green)}.mobile-nav svg{width:19px}.page{padding:26px 16px 35px}.page-header{align-items:flex-start}.page-header .button{min-width:43px;padding:0 12px}.metrics{grid-template-columns:1fr}.metrics article{border-right:0;border-bottom:1px solid var(--line)}.form-grid{grid-template-columns:1fr}.field--wide{grid-column:auto}.form-actions{justify-content:stretch}.form-actions .button{flex:1}.login-page{display:block}.login-visual{display:none}.login-panel{min-height:100vh;padding:28px 20px}.mobile-brand{display:block;color:var(--green);font:700 13px JetBrains Mono;margin-bottom:65px}.mobile-brand b{color:var(--muted)}.table-wrap{border:0;background:none;overflow:visible}table,tbody{display:block}thead{display:none}tr{display:block;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:10px 14px;margin-bottom:10px}td{display:flex;justify-content:space-between;align-items:center;text-align:right;border:0;padding:7px 0}td:before{content:attr(data-label);color:var(--muted);font-size:10px;text-transform:uppercase}td strong,td small{text-align:right}.live-chip{display:none}}@media(max-width:480px){.page-header{flex-direction:column}.page-header .button{width:100%}.monitor-grid,.config-grid{grid-template-columns:1fr}.empty-state>div{flex-direction:column;width:100%}.login-form-wrap h2{font-size:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}