@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap";:root{color-scheme:dark;font-family:Outfit,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f1115;color:#e2e8f0;--canvas: #0f1115;--rail: #15181e;--panel: rgba(21, 24, 30, .6);--panel-strong: rgba(30, 34, 42, .8);--line: rgba(255, 255, 255, .08);--line-soft: rgba(255, 255, 255, .04);--hover-bg: rgba(255, 255, 255, .08);--hover-border: rgba(255, 255, 255, .15);--text: #e2e8f0;--muted: #a0aec0;--faint: #4a5568;--green: #48bb78;--green-bg: rgba(72, 187, 120, .15);--amber: #ecc94b;--amber-bg: rgba(236, 201, 75, .15);--red: #f56565;--red-bg: rgba(245, 101, 101, .15);--blue: #4299e1;--blue-bg: rgba(66, 153, 225, .15);--cyan: #38b2ac;--shadow: 0 8px 32px rgba(0, 0, 0, .4)}:root[data-theme=light]{color-scheme:light;background:#f8fafc;color:#1e293b;--canvas: #f8fafc;--rail: #ffffff;--panel: rgba(255, 255, 255, .8);--panel-strong: rgba(255, 255, 255, 1);--line: rgba(0, 0, 0, .1);--line-soft: rgba(0, 0, 0, .05);--hover-bg: rgba(0, 0, 0, .06);--hover-border: rgba(0, 0, 0, .15);--text: #1e293b;--muted: #64748b;--faint: #94a3b8;--green: #16a34a;--green-bg: rgba(22, 163, 74, .15);--amber: #d97706;--amber-bg: rgba(217, 119, 6, .15);--red: #dc2626;--red-bg: rgba(220, 38, 38, .15);--blue: #2563eb;--blue-bg: rgba(37, 99, 235, .15);--cyan: #0d9488;--shadow: 0 8px 32px rgba(0, 0, 0, .08)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,rgba(56,178,172,.15),transparent 600px),radial-gradient(circle at bottom right,rgba(159,122,234,.15),transparent 600px),var(--canvas)}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);min-height:100vh}aside{position:sticky;top:0;z-index:20;height:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;border-right:0;border-bottom:1px solid var(--line-soft);padding:12px 28px;background:#0f1115b3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}:root[data-theme=light] aside{background:#ffffffb3}.brand{display:flex;align-items:center;gap:12px;min-height:48px}.brandMark{display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--cyan);background:#38b2ac1a;box-shadow:inset 0 1px #ffffff1a}.brand strong,.brand small{display:block}.brand strong{font-size:14px;letter-spacing:0}.brand small{margin-top:2px;color:var(--muted);font-size:11px}nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}aside button,.iconButton,.logoutButton,form button{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;border:1px solid transparent;background:transparent;color:var(--muted);padding:10px 12px;border-radius:12px;cursor:pointer;font-size:13px;transition:all .2s ease}aside button{width:auto}aside button.active,aside button:hover{background:#ffffff0d;border-color:#ffffff1a;color:var(--text)}aside button.active{color:var(--cyan)}.railStatus{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--line-soft);border-radius:12px;background:var(--panel);color:var(--muted);font-size:12px}.navLogout{box-shadow:none}.statusDot{width:9px;height:9px;border-radius:99px;background:var(--green);box-shadow:0 0 0 4px #35c4861c}.statusDot.danger{background:var(--red);box-shadow:0 0 0 4px #ef6f6c1f}main{min-width:0;padding:24px 28px 28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}h1,h2,p{margin:0}h1{font-size:24px;line-height:1.12;letter-spacing:0}h2{font-size:15px;letter-spacing:0}.topbar p,time,.sectionHeading span{color:var(--muted);font-size:12px}.iconButton{width:42px;height:42px;justify-content:center;border-color:var(--line);background:var(--panel);color:var(--text);box-shadow:var(--shadow)}.topbarActions{display:flex;align-items:center;gap:8px}.logoutButton{width:auto;border-color:var(--line);background:var(--panel);color:var(--muted);box-shadow:var(--shadow)}.iconButton:hover,form button:hover,.logoutButton:hover,.navAction:hover{border-color:var(--hover-border);background:var(--hover-bg)}.dangerButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;border:1px solid #e7c8c2;border-radius:12px;background:var(--red-bg);color:#963f38;cursor:pointer}.dangerButton:disabled{cursor:default;opacity:.48}.rowCheck{width:16px;min-height:16px;accent-color:var(--cyan)}.foldButton{display:inline-grid;width:30px;height:30px;place-items:center;border:1px solid var(--line-soft);border-radius:10px;background:#fffdf8;color:var(--muted);cursor:pointer}.foldButton:hover{border-color:#c7d6d1;background:#eef7f4;color:var(--cyan)}.stats{display:grid;grid-template-columns:repeat(5,minmax(128px,1fr));gap:12px;margin-bottom:24px}.statCard,.panel,.settingsPanel{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--panel-strong),var(--panel));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow);transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.statCard:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0009}.statCard{position:relative;overflow:hidden;padding:16px;min-height:104px}.statCard:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--faint)}.statCard.online:before{background:var(--green)}.statCard.warning:before{background:var(--amber)}.statCard.offline:before{background:var(--red)}.statCard.muted:before{background:var(--blue)}.statCard span,.statCard small{color:var(--muted)}.statCard span{display:block;font-size:12px}.statCard strong{display:block;margin-top:10px;font-size:28px;line-height:1;letter-spacing:0}.statCard small{display:block;margin-top:12px;font-size:12px}.dashboardGrid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);gap:18px}.sectionHeading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.panel{overflow:auto;margin-bottom:18px}.empty{padding:18px;color:var(--muted)}table{width:100%;min-width:780px;border-collapse:collapse}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line-soft)}th{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}td{color:var(--text);font-size:13px}.clickableRow{cursor:pointer;transition:background .2s ease,transform .2s ease}tr.clickableRow:hover td,.feed article.clickableRow:hover{background:#ffffff08}tr.clickableRow:hover td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}tr.clickableRow:hover td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.serverFoldRow td{padding:0;background:#0003}.serverFoldDetails{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px 18px;margin:0;padding:14px 16px 16px 62px;border-top:1px solid var(--line-soft);font-size:12px}.serverFoldDetails dt{color:var(--muted)}.serverFoldDetails dd{margin:3px 0 0;color:var(--text);word-break:break-word}.primaryCell{color:var(--text);font-weight:700}button.groupHeader{display:flex;align-items:center;gap:12px;width:100%;padding:16px 20px;background:var(--panel-strong);border:none;border-bottom:1px solid var(--line-soft);font-size:15px;font-weight:600;color:var(--text);cursor:pointer;transition:background .2s ease}button.groupHeader:hover{background:var(--hover-bg)}button.groupHeader .groupCount{margin-right:auto;color:var(--muted);font-size:14px;font-weight:500}button.groupHeader svg{color:var(--muted)}.pill{display:inline-flex;align-items:center;width:max-content;border:1px solid transparent;border-radius:999px;padding:4px 9px;background:#ffffff1a;color:var(--text);font-size:12px;line-height:1}.online{border-color:#48bb784d;background:var(--green-bg);color:#68d391}.warning{border-color:#ecc94b4d;background:var(--amber-bg);color:#f6e05e}.offline,.critical{border-color:#f565654d;background:var(--red-bg);color:#fc8181}.muted,.info{border-color:#4299e14d;background:var(--blue-bg);color:#63b3ed}.feed{display:grid;gap:0;padding:6px}.feed article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:flex-start;padding:13px;border-bottom:1px solid var(--line-soft)}.feed article:last-child{border-bottom:0}.feed p{margin-top:8px;color:#384542;font-size:13px}.feed time{display:inline-flex;align-items:center;gap:5px;grid-column:2;font-size:12px}.alertIcon{display:inline-grid;width:32px;height:32px;place-items:center;border-radius:12px;background:#ffffff0d;color:var(--muted)}.alertIcon.critical{background:var(--red-bg);color:var(--red)}.alertIcon.info{background:var(--blue-bg);color:var(--blue)}.settingsForm{display:grid;gap:12px;margin-top:0}.settingsGrid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:16px}.installerLayout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(320px,1fr);gap:16px}.installerLayout .wide{grid-column:1 / -1}.commandBox{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px;border:1px solid var(--line-soft);border-radius:12px;background:#0003}.commandBox code{white-space:pre-wrap;word-break:break-word;color:var(--text);font-size:12px;line-height:1.45}.commandBox.compact{margin-top:10px}.commandBox.compact code{max-height:54px;overflow:auto}.installerList{display:grid;gap:12px}.installerItem{padding:12px;border:1px solid var(--line-soft);border-radius:12px;background:#ffffff05;transition:transform .2s ease,background .2s ease}.installerItem:hover{background:#ffffff0a;transform:translateY(-1px)}.installerItem strong,.installerItem span,.mutedText{display:block;word-break:break-word}.installerItem strong{color:var(--text);font-size:13px}.installerItem span,.mutedText{margin-top:4px;color:var(--muted);font-size:12px}.settingsPanel{display:grid;align-content:start;gap:16px;padding:18px}.settingsPanel.wide{grid-column:1 / -1}.sectionTitle{display:flex;align-items:flex-start;gap:12px}.sectionTitle>svg{color:var(--cyan)}.sectionTitle p,label{color:var(--muted)}label{display:grid;gap:8px;font-size:12px}input,select{width:100%;min-height:39px;padding:9px 11px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#00000026;color:var(--text);outline:none;font-size:13px;transition:all .2s ease}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #38b2ac33}.filterBar{display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(140px,auto);gap:10px;align-items:center;padding:10px;border-bottom:1px solid var(--line-soft);color:var(--muted)}.searchBox{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding-left:10px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#00000026}.searchBox input{border:0;background:transparent;box-shadow:none}.inputWithSuffix{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#00000026}.inputWithSuffix:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #38b2ac33}.inputWithSuffix input{min-height:37px;border:0;box-shadow:none}.inputWithSuffix span{padding-right:12px;color:var(--muted);font-size:12px}.switchRow{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px}.cfSwitch{position:relative;flex:0 0 auto;width:54px;height:30px;padding:0;border:2px solid #4a4f4d;border-radius:12px;background:#747875;box-shadow:inset 0 1px 1px #00000038,0 1px #ffffff0a;transition:background .14s ease,border-color .14s ease}.cfSwitch span{position:absolute;top:1px;left:25px;width:24px;height:24px;border-radius:10px;background:#fafafa;box-shadow:0 1px 2px #00000047,inset 0 1px #fffc;transition:left .14s ease}.cfSwitch.checked{border-color:#4a4f4d;background:#747875}.cfSwitch:not(.checked) span{left:1px}.cfSwitch:focus-visible{outline:3px solid rgba(76,148,143,.22);outline-offset:3px}.buttonRow{display:flex;flex-wrap:wrap;gap:10px}form button{width:auto;justify-content:center;border-color:#38b2ac66;background:#38b2ac33;color:var(--cyan)}.secondaryButton{border-color:#ffffff1a;background:#ffffff0d;color:var(--muted)}button:disabled{cursor:wait;opacity:.65}.formStatus{padding:12px;border:1px solid rgba(72,187,120,.3);border-radius:12px;background:#48bb781a;color:var(--green);word-break:break-word}.auth{min-height:100vh;display:grid;place-items:center;padding:18px}.auth section{width:min(420px,100%);padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:var(--shadow)}.drawerBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;justify-content:flex-end;background:#1d27262e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.detailDrawer{position:relative;top:auto;display:block;width:min(420px,calc(100vw - 28px));height:100vh;padding:20px;border-left:1px solid var(--line);background:var(--panel-strong);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow);overflow:auto}.detailDrawer h2{margin-bottom:10px;font-size:18px}.detailDrawer .drawerClose{float:right;display:inline-flex;width:auto;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d;color:var(--muted);padding:7px 10px;cursor:pointer;transition:all .2s ease}.detailDrawer .drawerClose:hover{background:#ffffff1a;color:var(--text)}.detailDrawer dl{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px 12px;margin:18px 0 0;font-size:13px}.detailDrawer dt{color:var(--muted)}.detailDrawer dd{margin:0;color:var(--text);word-break:break-word}.drawerMessage{margin-top:14px;color:var(--text);font-size:13px}.authMark{margin-bottom:16px}.authError{margin-top:12px;padding:10px 12px;border:1px solid rgba(245,101,101,.3);border-radius:12px;background:#f565651a;color:var(--red)}.authLink{width:100%;justify-content:center;margin-top:12px;border:0;background:transparent;color:var(--cyan);box-shadow:none}form{display:grid;gap:12px;margin-top:18px}.error{color:var(--red)}@media (max-width: 1100px){.stats{grid-template-columns:repeat(3,minmax(128px,1fr))}.dashboardGrid{grid-template-columns:1fr}}@media (max-width: 800px){body{background:var(--canvas)}.app{grid-template-columns:1fr;padding-bottom:0}aside{position:sticky;inset:0 auto auto 0;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:9px 12px 8px;border-top:0;border-bottom:1px solid var(--line);border-right:0;background:#0f1115d9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}:root[data-theme=light] aside{background:#ffffffd9}.railStatus{display:none}.brand{min-height:42px;min-width:0}.brandMark{width:36px;height:36px;border-radius:12px}.brand strong{font-size:15px}.brand small{display:none}nav{display:flex;grid-column:1 / -1;order:3;gap:6px;justify-content:flex-start;overflow-x:auto;padding:2px 0 1px;scrollbar-width:none}nav::-webkit-scrollbar{display:none}aside button{flex:0 0 auto;min-width:70px;min-height:46px;justify-content:center;flex-direction:column;gap:4px;padding:6px 8px;border-radius:12px;font-size:11px}aside button.active{border-color:var(--line);box-shadow:none;background:var(--panel-strong)}.navActions{display:flex;align-items:center;gap:8px;justify-self:end}.navAction{width:38px;height:38px;min-width:38px;min-height:38px;padding:0;margin:0;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:row}.navAction span{display:none}main{padding:18px 14px}.topbar{align-items:flex-start;gap:12px;margin-bottom:18px}.topbarActions{align-items:flex-end}h1{font-size:22px}.topbar p{margin-top:5px;font-size:12px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.statCard{min-height:96px;padding:13px}.statCard strong{font-size:24px}table,thead,tbody,tr,td{display:block}table{min-width:0}thead{display:none}tbody{display:grid;gap:12px;padding:12px}tr{display:flex;flex-wrap:wrap;align-items:center;border:1px solid var(--line-soft);border-radius:16px;padding:16px;background:var(--panel)}tr.clickableRow:hover{background:var(--hover-bg)}.serverFoldRow{margin-top:-12px;border-top:0;border-radius:0 0 16px 16px;background:var(--panel-strong)}.serverFoldRow td{display:block;padding:0;border-bottom:0;width:100%}.serverFoldRow td:before{content:none}.serverFoldDetails{grid-template-columns:1fr;gap:10px;padding:16px;border-top:1px solid var(--line-soft)}td{display:flex;flex-direction:column;align-items:flex-start;padding:0;border:none;font-size:13px;word-break:break-word}td:before{content:attr(data-label);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}td[data-label=Host]{width:100%;order:1;font-size:16px;font-weight:600;margin-bottom:12px}td[data-label=Host]:before{display:none}td[data-label=Select],td[data-label=Status]{order:0;flex-direction:row;margin-right:12px;margin-bottom:8px}td[data-label=Select]:before,td[data-label=Status]:before{display:none}td[data-label=Details]{order:0;flex-direction:row;margin-left:auto;margin-bottom:8px}td[data-label=Details]:before{display:none}td[data-label=IP],td[data-label=Provider]{order:2;width:50%;margin-bottom:12px}td[data-label=CPU],td[data-label=Mem],td[data-label=Disk]{order:3;width:33.33%;margin-bottom:12px}td[data-label="Last seen"]{order:4;width:100%;margin-bottom:0}.filterBar{grid-template-columns:1fr}.detailDrawer{width:100%;height:calc(100vh - 76px);margin-top:auto;border-left:0;border-top:1px solid var(--line);border-radius:18px 18px 0 0}.feed article{grid-template-columns:auto minmax(0,1fr);gap:10px}.feed time{grid-column:1 / -1}.settingsGrid,.installerLayout{grid-template-columns:1fr}.settingsPanel{padding:14px}.buttonRow,.buttonRow button,.settingsPanel>button{width:100%}}@media (max-width: 430px){.stats{grid-template-columns:1fr}.iconButton{width:40px;height:40px;flex:0 0 auto}.sectionHeading{align-items:flex-start;flex-direction:column;gap:3px}}