@layer tokens{:root,[data-theme=dark]{color-scheme:dark;--bg: #070b12;--surface: #0f1520;--surface-2: #151c28;--surface-3: #1b2431;--line: #263241;--line-soft: #1b2533;--text: #f3f7ff;--muted: #91a0b5;--blue: #3b82f6;--cyan: #22d3ee;--green: #19c37d;--purple: #7c5cff;--orange: #f59e0b;--red: #f43f5e;--shadow: 0 18px 46px rgba(0, 0, 0, .32);--shadow-soft: 0 10px 24px rgba(0, 0, 0, .18);--shadow-glow: 0 0 0 1px rgba(59, 130, 246, .14), 0 18px 42px rgba(0, 0, 0, .24);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--font-sm: 12px;--font-md: 14px;--font-lg: 18px;--font-xl: 24px}[data-theme=light]{color-scheme:light;--bg: #f6f8fc;--surface: #ffffff;--surface-2: #f1f5fb;--surface-3: #e8eef8;--line: #cdd7e6;--line-soft: #dde5f0;--text: #0d1728;--muted: #526174;--blue: #2563eb;--cyan: #0891b2;--green: #059669;--purple: #6d5dfc;--orange: #d97706;--red: #e11d48;--shadow: 0 18px 48px rgba(15, 23, 42, .12);--shadow-soft: 0 10px 28px rgba(15, 23, 42, .08);--shadow-glow: 0 0 0 1px rgba(37, 99, 235, .12), 0 22px 60px rgba(37, 99, 235, .12)}}*{box-sizing:border-box}:root,[data-theme=dark]{color-scheme:dark;--bg: #070b12;--surface: #0f1520;--surface-2: #151c28;--surface-3: #1b2431;--line: #263241;--line-soft: #192230;--text: #f4f7fb;--muted: #93a0b4;--blue: #4f8cff;--cyan: #24c8db;--green: #23c98f;--purple: #8067f2;--orange: #f2a51d;--red: #f43f5e;--shadow: 0 18px 56px rgba(0, 0, 0, .34);--shadow-soft: 0 12px 34px rgba(0, 0, 0, .2);--shadow-glow: 0 16px 42px rgba(2, 6, 23, .26), 0 0 0 1px rgba(79, 140, 255, .16);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--font-sm: 12px;--font-md: 14px;--font-lg: 18px;--font-xl: 24px}[data-theme=light]{color-scheme:light;--bg: #e8edf4;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #eef2ff;--line: #d7deea;--line-soft: #e2e8f0;--text: #152033;--muted: #607086;--blue: #2f6df6;--cyan: #0d9bb0;--green: #08966f;--purple: #6857ea;--orange: #c87900;--red: #e11d48;--shadow: 0 18px 48px rgba(15, 23, 42, .12);--shadow-soft: 0 10px 28px rgba(15, 23, 42, .08);--shadow-glow: 0 0 0 1px rgba(37, 99, 235, .12), 0 22px 60px rgba(37, 99, 235, .12)}[data-theme=light] body{background:radial-gradient(ellipse 80% 50% at 12% 0%,rgba(59,130,246,.08),transparent 55%),radial-gradient(ellipse 70% 45% at 88% 8%,rgba(99,102,241,.06),transparent 50%),linear-gradient(168deg,#d8dee9,#e2e8f0 42%,#e8ecf4)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums;background:radial-gradient(circle at 20% -10%,color-mix(in srgb,var(--blue) 12%,transparent),transparent 36%),radial-gradient(circle at 86% 0%,color-mix(in srgb,var(--green) 8%,transparent),transparent 30%),var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button{border:0;border-radius:var(--radius-sm);padding:10px 14px;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;cursor:pointer;font-weight:650;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}button:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:var(--radius-sm);padding:11px 12px;background:var(--surface);color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 20%,transparent)}textarea{min-height:120px;resize:vertical}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,4vw,42px);margin-bottom:0;line-height:1.08;letter-spacing:-.02em}h2{margin-bottom:8px;line-height:1.18;letter-spacing:-.015em}label{display:grid;gap:7px;color:var(--text);font-size:14px;font-weight:650}.icon{flex:0 0 auto}.srOnly{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.withIcon,.iconButton{display:inline-flex;align-items:center;justify-content:center;gap:8px}.iconButton{width:42px;height:42px;padding:0}.appShell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr);background:radial-gradient(circle at 18% -12%,rgba(59,130,246,.12),transparent 34%),var(--bg);color:var(--text)}[data-theme=light] .appShell{background:radial-gradient(ellipse 80% 50% at 12% 0%,rgba(59,130,246,.08),transparent 55%),radial-gradient(ellipse 70% 45% at 88% 8%,rgba(99,102,241,.06),transparent 50%),linear-gradient(168deg,#d8dee9,#e2e8f0 42%,#e8ecf4)}.appSidebar{position:sticky;top:0;height:100vh;display:grid;grid-template-rows:auto 1fr auto;gap:22px;padding:var(--space-5) var(--space-4);background:color-mix(in srgb,var(--surface) 88%,#050913);border-right:1px solid var(--line-soft)}[data-theme=light] .appSidebar{padding:18px 12px 16px;background:#fff;border-right-color:#dbe3ef;box-shadow:1px 0 #0f172a08}.brandMark{display:flex;align-items:center;gap:12px;width:100%;padding:8px;background:transparent;color:var(--text);text-align:left;min-width:0}[data-theme=light] .brandMark{padding:10px 12px}.brandMark.static{cursor:default}.brandIcon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(34,211,238,.45);border-radius:var(--radius-sm);background:linear-gradient(135deg,#24c8db24,#f2a51d24);color:var(--cyan);font-weight:900}.brandMark>span:last-child{display:grid;gap:2px;min-width:0}.brandMark strong{display:block;overflow:hidden;font-size:15px;line-height:1.02;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis}.brandMark small{color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.02em}.navGroups{overflow:auto;padding-right:4px}[data-theme=light] .navGroups{padding:4px 4px 0}.navGroup{margin-bottom:20px}[data-theme=light] .navGroup{margin-bottom:22px}.navTitle{margin:0 4px 8px;padding:5px 10px;border-radius:var(--radius-xs);background:color-mix(in srgb,var(--surface-2) 72%,transparent);color:var(--muted);font-size:11px;font-weight:760;letter-spacing:.08em;text-align:center;text-transform:uppercase}[data-theme=light] .navTitle{margin:0 0 10px;padding:4px 12px;border-radius:8px;background:#eef2f7;color:#95a1b4;font-size:10px;font-weight:850;letter-spacing:.16em}.navItem{width:100%;display:flex;align-items:center;gap:10px;margin-bottom:6px;background:transparent;color:var(--text);text-align:left;border:1px solid transparent;font-weight:650;box-shadow:none}.navItem .icon{color:color-mix(in srgb,var(--text) 82%,var(--muted));opacity:.9}[data-theme=light] .navItem{gap:13px;min-height:45px;margin-bottom:5px;padding:10px 15px;border-radius:8px;color:#1f334d;font-size:15px;font-weight:680;letter-spacing:-.01em}[data-theme=light] .navItem .icon{width:22px;height:22px;color:#21486f;opacity:.95;stroke-width:2.05}.navItem:hover,.navItem.isActive{background:color-mix(in srgb,var(--surface-3) 78%,transparent);border-color:color-mix(in srgb,var(--purple) 22%,var(--line))}[data-theme=light] .navItem:hover,[data-theme=light] .navItem.isActive{background:#ece8ff;border-color:transparent;color:#12233d;box-shadow:none}.navItem.isActive{box-shadow:inset 3px 0 0 var(--purple)}[data-theme=light] .navItem.isActive{position:relative;box-shadow:none}[data-theme=light] .navItem.isActive:before{content:"";position:absolute;left:-4px;top:9px;bottom:9px;width:4px;border-radius:999px;background:#5b4cff;box-shadow:0 0 0 3px #5b4cff14}[data-theme=light] .navItem:hover .icon,[data-theme=light] .navItem.isActive .icon{color:#1d3f68}.navIndicator{width:8px;height:8px;flex:0 0 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--muted) 34%,transparent);background:transparent}.navItem.isActive .navIndicator{border-color:var(--purple);background:var(--purple);box-shadow:0 0 0 4px color-mix(in srgb,var(--purple) 16%,transparent)}.sidebarFooter{display:grid;gap:12px}[data-theme=light] .sidebarFooter{gap:12px;padding:0 2px}.userChip{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}[data-theme=light] .userChip{padding:11px 12px;border-color:#d8e1ef;border-radius:12px;background:#fff;box-shadow:0 10px 24px #0f172a0a}.userChip strong,.userChip small{display:block}.userChip small{color:var(--muted)}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#6d5dfc;font-weight:900}.dangerButton{background:#f43f5e1f;border:1px solid rgba(244,63,94,.45);color:#ff8799}[data-theme=light] .dangerButton{background:#fff1f3;border-color:#ff8fa3;color:#ff6c86}.appWorkspace{min-width:0;padding:0}.topbar{position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:flex-start;gap:20px;min-height:72px;margin-bottom:0;padding:14px 28px;border-bottom:1px solid var(--line-soft);background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}[data-theme=light] .topbar{border-bottom-color:#d8e1ef;background:#f8fafcdb;box-shadow:0 1px #ffffffbf}.appWorkspace>.notice,.appWorkspace>.stack,.appWorkspace>.accessState{margin:28px}.topbarTitle h1{font-size:24px;font-weight:760;letter-spacing:-.02em}.topbarActions{display:flex;gap:10px;align-items:center;margin-left:auto}.topbarSearch{position:relative;flex:0 1 560px;max-width:560px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--line-soft);border-radius:var(--radius-md);padding:8px 10px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:none}[data-theme=light] .topbarSearch{border-color:#d8e1ef;background:#fff;box-shadow:0 8px 20px #0f172a09}.topbarSearch:focus-within{border-color:color-mix(in srgb,var(--cyan) 48%,var(--line));background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 14%,transparent)}.topbarSearch .icon{color:var(--cyan)}.searchGlyph{position:relative;display:block;width:15px;height:15px;border:2px solid var(--cyan);border-radius:999px;opacity:.86}.searchGlyph:after{content:"";position:absolute;right:-5px;bottom:-4px;width:7px;height:2px;border-radius:999px;background:var(--cyan);transform:rotate(45deg)}.topbarSearch input{height:28px;border:0;padding:0;background:transparent}.topbarSearch input:focus{border:0;box-shadow:none}.searchResults{position:absolute;top:calc(100% + 10px);left:0;z-index:30;width:min(420px,100%);display:grid;gap:6px;padding:8px;border:1px solid var(--line-soft);border-radius:14px;background:color-mix(in srgb,var(--surface) 98%,#050913);box-shadow:var(--shadow)}.searchResults button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:1px solid transparent;background:transparent;color:var(--text);text-align:left;box-shadow:none}.searchResults button:hover{border-color:var(--line-soft);background:color-mix(in srgb,var(--surface-2) 78%,transparent)}.searchResults span{display:grid;gap:2px;min-width:0}.searchResults small{color:var(--muted);font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.topbarSearch kbd{border:1px solid var(--line);border-radius:var(--radius-xs);padding:3px 7px;color:var(--muted);background:var(--surface-2);font-size:11px;font-weight:900}.themeToggle,.notificationButton{min-height:42px;border:1px solid var(--line-soft);background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);box-shadow:none}[data-theme=light] .themeToggle,[data-theme=light] .notificationButton{border-color:#d8e1ef;background:#fff;color:#1f334d}.topUserButton{display:flex;align-items:center;gap:8px;max-width:220px;border:1px solid var(--line-soft);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);box-shadow:none;padding:8px 12px 8px 8px}[data-theme=light] .topUserButton{border-color:#d8e1ef;background:#fff;color:#152033;box-shadow:0 8px 20px #0f172a09}.topUserButton span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar.small{width:28px;height:28px;font-size:12px}.themeToggle{width:44px;min-width:44px;padding:0;display:grid;place-items:center;border-radius:999px}.notificationWrap{position:relative}.notificationButton{position:relative;width:44px;padding:0;display:grid;place-items:center;border-radius:14px}.notificationButton .icon{color:var(--text);opacity:.9}.notificationDot{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:var(--red);color:#fff;font-size:11px;font-weight:900}.notificationPanel{position:absolute;top:calc(100% + 12px);right:0;z-index:20;width:min(420px,calc(100vw - 28px));border:1px solid var(--line);border-radius:8px;padding:16px;background:color-mix(in srgb,var(--surface) 96%,#050913);box-shadow:var(--shadow)}.notificationHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.notificationHead h2{margin-bottom:0}.notificationList{display:grid;gap:10px}.notificationList.inPage{gap:12px}.notificationItem{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--surface-2)}.notificationItem.isUnread{border-color:#7c5cff80;background:linear-gradient(135deg,#7c5cff29,color-mix(in srgb,var(--surface-2) 92%,transparent))}.notificationItem p{margin:5px 0 8px;color:var(--muted);line-height:1.5}.notificationItem small,.notificationEmpty{color:var(--muted);font-weight:700}.notificationClose{width:100%;margin-top:12px;background:transparent;border:1px solid var(--line);color:var(--text)}.eyebrow{margin:0 0 5px;color:var(--muted);font-size:12px;font-weight:780;letter-spacing:.055em;text-transform:uppercase}.statusPill,.stateBadge{display:inline-flex;align-items:center;width:fit-content;border:1px solid var(--line-soft);border-radius:999px;padding:5px 10px;background:color-mix(in srgb,var(--surface-2) 80%,transparent);color:var(--muted);font-size:12px;font-weight:720}.statusPill.ok,.stateBadge.online{border-color:#19c37d59;color:#45e59e;background:#19c37d1c}.stateBadge.offline,.stateBadge.pending{border-color:#f59e0b59;color:#fbbf24;background:#f59e0b1a}.stateBadge.installing{border-color:color-mix(in srgb,var(--blue) 42%,var(--purple));color:#bcd3ff;background:linear-gradient(90deg,color-mix(in srgb,var(--blue) 16%,transparent),color-mix(in srgb,var(--purple) 12%,transparent))}.stack{display:grid;gap:18px}.productHome{width:min(100%,1600px)}.serviceListPanel{min-height:0}.panel,.metricCard,.serverCard,.installCard,.authBox,.authPanel{border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 1px color-mix(in srgb,#ffffff 4%,transparent),var(--shadow-soft)}.panel{padding:20px}.panel:hover,.serverCard:hover,.metricCard:hover{border-color:color-mix(in srgb,var(--blue) 24%,var(--line));box-shadow:var(--shadow-glow)}.heroBand,.manageHero{display:grid;grid-template-columns:minmax(240px,1fr) minmax(320px,.9fr) auto;align-items:center;justify-content:stretch;gap:18px;border:1px solid color-mix(in srgb,var(--purple) 28%,var(--line));border-radius:var(--radius-md);padding:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--purple) 10%,transparent),transparent 46%),color-mix(in srgb,var(--surface) 94%,transparent)}.heroBand{grid-template-columns:auto minmax(0,1fr);justify-content:stretch;min-height:108px;background:linear-gradient(135deg,color-mix(in srgb,var(--purple) 12%,transparent),transparent 46%),linear-gradient(90deg,color-mix(in srgb,var(--surface-2) 78%,transparent),color-mix(in srgb,var(--surface) 96%,transparent))}.manageHeroMeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quickActions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.heroIcon{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--radius-md);background:transparent;border:0;color:var(--cyan)}.heroBand h2{margin-bottom:4px;font-size:25px;font-weight:760;letter-spacing:-.02em}.heroBand p:not(.eyebrow){margin-bottom:0;color:var(--muted)}.kpiGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metricCard{position:relative;display:grid;align-content:space-between;padding:14px 18px 10px;overflow:hidden;min-height:116px;background:radial-gradient(circle at 0 28%,color-mix(in srgb,currentColor 18%,transparent),transparent 34%),radial-gradient(circle at 86% -24%,color-mix(in srgb,currentColor 20%,transparent),transparent 36%),radial-gradient(circle at 18% 118%,color-mix(in srgb,currentColor 10%,transparent),transparent 32%),linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 68%,transparent),color-mix(in srgb,var(--surface) 98%,transparent))}.metricCard:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:inherit;background:linear-gradient(180deg,transparent 8%,currentColor 35%,currentColor 68%,transparent 94%);box-shadow:0 0 26px color-mix(in srgb,currentColor 68%,transparent);opacity:.78;pointer-events:none}.metricCard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 12% 0,color-mix(in srgb,currentColor 12%,transparent),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.055),transparent 42%)}.metricTop{display:flex;align-items:center;gap:9px;margin-bottom:8px;position:relative;z-index:1}.metricMark{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;margin-top:0;border-radius:13px;border:1px solid color-mix(in srgb,currentColor 30%,transparent);background:linear-gradient(135deg,color-mix(in srgb,currentColor 16%,transparent),transparent),color-mix(in srgb,var(--surface-2) 80%,transparent);color:currentColor;box-shadow:0 12px 26px color-mix(in srgb,currentColor 11%,transparent)}.metricMark .icon{width:22px;height:22px}.metricCard p{margin-bottom:0;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.metricCard strong{display:block;font-size:31px;line-height:1;font-weight:760;letter-spacing:-.035em}.metricValue{position:relative;z-index:1}.metricValue small{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:660}.metricCard.isEmpty .metricValue small{color:var(--muted);font-size:11px;font-weight:720;letter-spacing:.01em}.metricLine{position:relative;z-index:1;height:20px;margin-top:6px;overflow:hidden;border-radius:10px;background:transparent}.metricLine i{display:block;position:absolute;right:0;bottom:5px;left:0;width:100%;height:2px;border-radius:inherit;background:currentColor;box-shadow:0 0 18px color-mix(in srgb,currentColor 42%,transparent)}.metricLine:before{content:"";position:absolute;right:0;bottom:5px;left:0;height:1px;background:color-mix(in srgb,currentColor 14%,var(--line))}.metricLine:after{content:"";position:absolute;top:1px;right:0;bottom:5px;left:0;background:linear-gradient(180deg,color-mix(in srgb,currentColor 36%,transparent),transparent);clip-path:polygon(0 78%,10% 72%,22% 80%,35% 54%,48% 78%,58% 68%,68% 82%,78% 62%,88% 76%,100% 42%,100% 100%,0 100%);opacity:.36}.metricCard.isEmpty .metricLine:after{clip-path:polygon(0 84%,18% 80%,36% 82%,54% 78%,72% 84%,100% 80%,100% 100%,0 100%);opacity:.14}.metricCard.blue{border-color:color-mix(in srgb,var(--blue) 48%,var(--line));color:var(--blue)}.metricCard.green{border-color:color-mix(in srgb,var(--green) 48%,var(--line));color:var(--green)}.metricCard.purple{border-color:color-mix(in srgb,var(--purple) 48%,var(--line));color:var(--purple)}.metricCard.orange{border-color:color-mix(in srgb,var(--orange) 48%,var(--line));color:var(--orange)}.metricCard strong,.metricValue small{color:var(--text)}.metricValue small{color:var(--muted)}.metricTop .metricMark{display:grid;place-items:center;width:42px;height:42px;margin-top:0;color:inherit}.contentSplit{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.sectionHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.sectionHeader.compact{margin-bottom:10px}.sectionTitle{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px}.sectionTitle>.icon{width:30px;height:30px;color:var(--muted)}.sectionTitle h2,.sectionTitle p{margin-bottom:0}.serverToolbar{display:grid;grid-template-columns:minmax(220px,1fr) 172px 172px;gap:10px;margin:-2px 0 16px}.serverSearch{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-height:42px;padding:0 12px;border:1px solid var(--line-soft);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,#fff 3%,transparent),transparent),color-mix(in srgb,var(--surface-2) 84%,transparent);color:var(--muted)}.serverSearch:focus-within{border-color:color-mix(in srgb,var(--cyan) 46%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 12%,transparent)}.serverSearch input{height:40px;padding:0;border:0;border-radius:0;background:transparent;color:var(--text);box-shadow:none}.serverSearch input:focus{box-shadow:none}.serverToolbar select{min-height:42px;border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,#fff 3%,transparent),transparent),color-mix(in srgb,var(--surface-2) 84%,transparent);font-size:12px;font-weight:760}.serviceEmptyInline{display:grid;place-items:center;gap:5px;min-height:138px;border:1px dashed var(--line-soft);border-radius:14px;color:var(--muted);background:color-mix(in srgb,var(--surface-2) 42%,transparent)}.serviceEmptyInline strong{color:var(--text);font-size:14px}.serviceEmptyInline span{font-size:12px}.inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ghostButton,.linkButton{background:color-mix(in srgb,var(--surface-2) 86%,transparent);border:1px solid var(--line-soft);color:var(--text);box-shadow:none}.primaryCreateButton{background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 92%,#fff 0%),var(--purple));box-shadow:0 14px 30px color-mix(in srgb,var(--purple) 18%,transparent)}.primaryCreateButton .icon{flex:0 0 auto;width:20px;height:20px}.refreshButton .icon{transform-origin:50% 50%}.refreshButton.isRefreshing .icon{animation:spin .78s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.linkButton{background:transparent;border-color:transparent;color:#93c5fd}.createStrip{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:12px;align-items:end;margin-bottom:16px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#0d1420}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:#030712ad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.newServerModal{width:min(760px,100%);max-height:min(900px,calc(100vh - 36px));display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto;overflow:hidden;border:1px solid var(--line-soft);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--purple) 9%,transparent),transparent 180px),color-mix(in srgb,var(--surface) 96%,#050913);box-shadow:0 26px 90px #00000070}.modalHeader,.modalFooter{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid var(--line-soft)}.modalFooter{justify-content:flex-end;border-top:1px solid var(--line-soft);border-bottom:0;background:color-mix(in srgb,var(--surface-2) 82%,transparent)}.modalTitleGroup{display:flex;align-items:center;gap:14px}.modalTitleGroup h2,.modalTitleGroup p{margin-bottom:0}.modalTitleGroup p:not(.eyebrow){color:var(--muted)}.modalHeroIcon{display:grid;place-items:center;width:52px;height:52px;border:1px solid color-mix(in srgb,var(--purple) 34%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--purple) 12%,transparent);color:var(--purple);font-weight:820}.modalClose{width:46px;height:46px;padding:0;border:1px solid var(--line-soft);background:color-mix(in srgb,var(--surface-2) 78%,transparent);color:var(--text);font-size:26px;line-height:1}.modalTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 18px}.modalTabs button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-soft);background:color-mix(in srgb,var(--surface-2) 72%,transparent);color:var(--muted);box-shadow:none}.modalTabs button.isActive{border-color:color-mix(in srgb,var(--purple) 52%,var(--line));background:color-mix(in srgb,var(--purple) 17%,var(--surface-2));color:var(--text)}.modalTabs span{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:color-mix(in srgb,var(--purple) 13%,transparent)}.modalProgress{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:0 18px 12px;color:var(--purple)}.modalProgress span{height:7px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.modalProgress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--blue))}.modalStepHead{margin:0 18px 12px;padding:14px;border:1px solid var(--line-soft);border-radius:12px;background:color-mix(in srgb,var(--surface-2) 74%,transparent)}.modalStepHead h3,.modalStepHead p{margin-bottom:0}.modalStepHead p{margin-top:5px;color:var(--muted)}.modalSection{display:grid;gap:14px;overflow:auto;margin:0 18px 18px;padding:16px;border:1px solid var(--line-soft);border-radius:12px;background:color-mix(in srgb,var(--surface) 92%,transparent)}.modalGrid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.inputShell{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:stretch;border:1px solid var(--line-soft);border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--surface) 92%,transparent)}.inputShell>span{display:grid;place-items:center;border-right:1px solid var(--line-soft);color:var(--muted);font-size:12px;font-weight:760}.inputShell input{border:0;border-radius:0;background:transparent}.fieldHint{margin:-5px 0 0;color:var(--muted);font-size:13px}.announcementComposer{max-width:780px}.serverCards{display:grid;gap:14px}.serverCard{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(320px,1.6fr) minmax(220px,1fr) auto;gap:16px;align-items:center;padding:18px;box-shadow:none;background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 5%,transparent),transparent 38%),color-mix(in srgb,var(--surface) 96%,transparent)}.serverCard.isSelected{border-color:color-mix(in srgb,var(--purple) 54%,var(--line))}.serverIdentity{display:flex;align-items:center;gap:12px;min-width:0}.serverBadges{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.setupBadge{display:inline-flex;align-items:center;gap:6px;width:fit-content;border:1px solid color-mix(in srgb,var(--blue) 28%,var(--line));border-radius:999px;padding:5px 9px;color:color-mix(in srgb,var(--blue) 42%,var(--muted));background:color-mix(in srgb,var(--blue) 7%,transparent);font-size:11px;font-weight:760}.setupBadge i{width:7px;height:7px;border-radius:999px;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 15%,transparent)}.serverIdentity h3{margin-bottom:5px;font-size:17px;font-weight:760;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.serverIdentity p{margin-bottom:8px;color:var(--muted);word-break:break-word}.serverLogo{width:48px;height:48px;padding:0;background:linear-gradient(135deg,color-mix(in srgb,var(--orange) 16%,var(--surface-2)),color-mix(in srgb,var(--cyan) 9%,var(--surface)));border:1px solid color-mix(in srgb,var(--orange) 24%,var(--line));color:var(--text);font-size:12px;box-shadow:none}.serverStats,.resourceGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.resourceGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat,.resource,.checkCard,.statusLine{border:1px solid var(--line-soft);border-radius:10px;padding:12px;background:color-mix(in srgb,var(--surface-2) 78%,transparent)}.statusLine .statusIcon{display:grid;place-items:center}.stat span,.resource span,.statusLine span{display:block;color:var(--muted);font-size:11px;font-weight:760;letter-spacing:.04em;text-transform:uppercase}.stat strong,.resource strong,.statusLine strong{display:block;margin-top:6px}.bar{height:5px;margin-top:10px;overflow:hidden;border-radius:99px;background:var(--surface-3)}.bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--green))}.serverActions{display:flex;gap:10px;justify-content:flex-end;align-items:center;white-space:nowrap}.systemPanel{position:sticky;top:24px;display:grid;gap:9px;padding:16px}.statusLine{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;margin-bottom:0;min-height:64px;padding:10px 12px}.statusLine.ok{border-color:#19c37d47}.statusLine.warn{border-color:#f59e0b4d}.statusLine.muted{border-color:var(--line-soft)}.successBox,.infoBox{border:1px solid color-mix(in srgb,var(--green) 32%,var(--line));border-radius:10px;padding:14px;background:color-mix(in srgb,var(--green) 11%,var(--surface));color:color-mix(in srgb,var(--green) 72%,var(--text));font-weight:720}.systemHeader{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding-bottom:6px}.systemHeader>.icon{color:var(--purple)}.systemHeader h2{margin-bottom:0;font-size:19px;font-weight:760}.statusIcon{display:grid;place-items:center;width:34px;height:34px;overflow:visible;border:1px solid var(--line-soft);border-radius:11px;color:var(--cyan);background:color-mix(in srgb,var(--surface-2) 70%,transparent)}.statusIcon .icon{display:block;width:17px;height:17px}.statusLine.warn .statusIcon{color:var(--orange)}.statusLine.ok .statusIcon{color:var(--green)}.statusLine.muted .statusIcon{color:var(--muted)}.statusCopy{display:grid!important;gap:3px;min-width:0}.statusCopy b{color:var(--text);font-size:11px;font-weight:780;letter-spacing:.025em;text-transform:none}.statusCopy small{color:var(--muted);font-size:10px;font-weight:620;letter-spacing:0;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.statusLine strong{margin-top:0;max-width:108px;font-size:10px;line-height:1.25;font-weight:760;text-align:right;color:var(--text)}.statusLine.muted strong{color:var(--muted);font-size:10px;font-weight:720}.systemSummary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;margin-top:4px;border:1px solid color-mix(in srgb,var(--green) 32%,var(--line));border-radius:12px;padding:13px;background:color-mix(in srgb,var(--green) 10%,var(--surface));color:color-mix(in srgb,var(--green) 72%,var(--text));font-size:12px;font-weight:620}.systemSummary.warn{border-color:color-mix(in srgb,var(--orange) 34%,var(--line));background:color-mix(in srgb,var(--orange) 9%,var(--surface));color:color-mix(in srgb,var(--orange) 72%,var(--text))}.systemSummary.muted{border-color:var(--line-soft);background:color-mix(in srgb,var(--surface-2) 76%,transparent);color:var(--text)}.systemSummary span{display:grid;gap:3px}.systemSummary strong{font-size:10px;line-height:1.3;font-weight:640;letter-spacing:0}.systemSummary small{color:var(--muted);font-size:9px;font-weight:560;line-height:1.35}.emptyState{display:grid;place-items:center;min-height:260px;padding:30px;text-align:center;border:1px dashed #3a4860;border-radius:8px;background:#0d1420d9}.onboardingPanel{display:grid;gap:0;padding:18px;border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 8%,transparent),transparent 45%),color-mix(in srgb,var(--surface) 96%,transparent)}.onboardingHero{display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:16px;align-items:center;padding:22px 28px;border:1px solid color-mix(in srgb,var(--purple) 24%,var(--line));border-radius:16px;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--cyan) 10%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--purple) 13%,transparent),transparent 52%),color-mix(in srgb,var(--surface-2) 72%,transparent)}.onboardingHero h2,.onboardingHero p{margin-bottom:0}.onboardingHero h2{font-size:24px;font-weight:780;letter-spacing:-.02em}.onboardingHero .eyebrow{color:var(--green)}.onboardingHero p{color:var(--muted);max-width:760px;line-height:1.6;font-size:14px}.onboardingMark{display:grid;place-items:center;width:72px;height:72px;border:0;color:var(--cyan);background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--cyan) 13%,transparent),transparent 62%);font-weight:860;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--cyan) 32%,transparent))}.onboardingMark .icon{display:block;width:64px;height:64px}.accessState{min-height:440px;display:grid;place-items:center;align-content:center;gap:12px;border:1px solid var(--line-soft);border-radius:var(--radius-lg);padding:34px;text-align:center;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--orange) 10%,transparent),transparent 38%),color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow-soft)}.accessIcon{display:grid;place-items:center;width:72px;height:72px;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--orange) 44%,transparent);color:var(--orange);background:color-mix(in srgb,var(--orange) 12%,transparent);font-weight:900}.accessState p{max-width:560px;color:var(--muted);line-height:1.7}.emptyState p{max-width:560px;color:var(--muted)}.manageGrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:16px}.tabBar{display:flex;gap:8px;overflow-x:auto;padding:6px;border:1px solid var(--line-soft);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:none}.tabBar button{white-space:nowrap;background:transparent;color:var(--muted);box-shadow:none}.tabBar button.isActive{background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 24%,transparent),color-mix(in srgb,var(--purple) 20%,transparent));color:#fff}.buttonGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.snapshotSummary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;color:var(--text);font-size:14px}.snapshotSummary span{border:1px solid var(--line-soft);border-radius:10px;padding:10px;background:color-mix(in srgb,var(--surface-2) 76%,transparent)}.notice{margin-bottom:16px;border:1px solid rgba(244,63,94,.45);border-radius:8px;padding:12px 14px;background:#f43f5e1c;color:#ff9caf}.formGrid{display:grid;gap:13px}.checkGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.checkLine{display:flex;flex-direction:row;align-items:center}.checkLine input{width:auto}.code,.consoleOutput{border:1px solid #24334a;border-radius:8px;padding:14px;overflow:auto;background:#050913;color:#d7e7ff}.consoleOutput{min-height:360px;max-height:60vh;white-space:pre-wrap}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);padding:11px;text-align:left;white-space:nowrap}th{position:sticky;top:0;z-index:1;color:var(--text);background:var(--surface-2)}td{color:var(--muted)}tbody tr:hover td{background:color-mix(in srgb,var(--blue) 7%,transparent);color:var(--text)}.skeleton{position:relative;overflow:hidden;border-radius:var(--radius-sm);background:var(--surface-2)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,#fff 14%,transparent),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}.auth,.installShell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--cyan) 9%,transparent),transparent 30%),radial-gradient(circle at 84% 8%,color-mix(in srgb,var(--purple) 10%,transparent),transparent 32%),var(--bg)}.auth{grid-template-columns:minmax(360px,.95fr) minmax(360px,520px);gap:28px}.authStory,.authBox{width:100%;padding:26px}.authStory{min-height:min(760px,calc(100vh - 48px));display:grid;align-content:space-between;border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:linear-gradient(140deg,color-mix(in srgb,var(--cyan) 10%,transparent),transparent 42%),linear-gradient(320deg,color-mix(in srgb,var(--orange) 8%,transparent),transparent 38%),color-mix(in srgb,var(--surface) 94%,#050913);box-shadow:var(--shadow-soft);overflow:hidden}.authStory h1{margin-top:26px;max-width:760px;letter-spacing:-.01em}.authStory p,.installAside p{color:var(--muted);line-height:1.7}.authTrustGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.authTrustGrid article{border:1px solid var(--line-soft);border-radius:12px;padding:14px;background:color-mix(in srgb,var(--surface-2) 72%,transparent)}.authTrustGrid strong,.authTrustGrid span{display:block}.authTrustGrid span{margin-top:6px;color:var(--muted);font-size:13px;line-height:1.5}.authCardPremium{align-self:center;display:grid;gap:16px;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.authTopActions{display:flex;align-items:center;justify-content:space-between;gap:12px}.authModePills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:6px;border:1px solid var(--line-soft);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-2) 76%,transparent)}.authModePills button{background:transparent;color:var(--muted);box-shadow:none}.authModePills button.isActive{background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 82%,#fff 0%),var(--purple));color:#fff}.primaryButton.wide{width:100%;min-height:46px}.authSecondaryActions{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.authNotice{border:1px solid var(--line-soft);border-radius:var(--radius-md);padding:12px;font-weight:720;line-height:1.5}.authNotice.success{border-color:color-mix(in srgb,var(--green) 42%,transparent);color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}.authNotice.warning{border-color:color-mix(in srgb,var(--orange) 42%,transparent);color:var(--orange);background:color-mix(in srgb,var(--orange) 12%,transparent)}.authNotice.error{border-color:color-mix(in srgb,var(--red) 42%,transparent);color:var(--red);background:color-mix(in srgb,var(--red) 12%,transparent)}.authLinks{justify-content:center}.installLayout{width:min(1120px,100%);display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px}.installAside{border:1px solid var(--line-soft);border-radius:14px;padding:22px;background:color-mix(in srgb,var(--surface) 94%,transparent)}.installSteps{display:grid;gap:8px;margin-top:18px}.installSteps button{background:color-mix(in srgb,var(--surface-2) 78%,transparent);border:1px solid var(--line-soft);color:var(--muted);text-align:left;box-shadow:none}.installSteps button.isActive{border-color:var(--blue);color:var(--text);background:color-mix(in srgb,var(--blue) 14%,var(--surface-2))}.installCard{min-height:520px;padding:26px}.installCard.compact{min-height:auto;width:min(560px,100%)}.installBadge{width:fit-content;border:1px solid color-mix(in srgb,var(--cyan) 35%,transparent);border-radius:999px;padding:6px 10px;color:var(--cyan);background:color-mix(in srgb,var(--cyan) 8%,transparent);font-size:12px;font-weight:780}.installActions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.checkCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.checkCard span{display:block;color:var(--muted);font-size:12px;font-weight:760}.checkCard strong{display:block;margin-top:8px}.muted{color:var(--muted)}@media(max-width:1200px){.kpiGrid,.contentSplit,.serverCard,.manageHero{grid-template-columns:1fr}.serverStats,.resourceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.systemPanel{position:static}}@media(max-width:860px){.appShell{grid-template-columns:1fr}.appSidebar{position:static;height:auto}.appWorkspace{padding:20px}.topbar,.sectionHeader,.heroBand{align-items:flex-start;flex-direction:column}.topbar{display:grid}.topbarSearch,.topbarActions{width:100%;max-width:none}.topbarActions{flex-wrap:wrap}.onboardingHero,.createStrip,.serverToolbar,.manageGrid,.installLayout,.auth,.modalTabs,.modalGrid2{grid-template-columns:1fr}.modalHeader,.modalFooter{align-items:stretch;flex-direction:column}.kpiGrid,.serverStats,.resourceGrid,.checkCards{grid-template-columns:1fr}}