@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg0:#070a12;--bg1:#0b1020;--card:#0f172a;--muted:#94a3b8;--text:#ffffff;--line:rgba(255, 255, 255, .18);--brand:#6366f1;--brand2:#22c55e;--danger:#ef4444}.gp-auth{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 600px at 15% 15%,rgba(99,102,241,.22),transparent 55%),radial-gradient(900px 500px at 85% 25%,rgba(34,197,94,.14),transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1));padding:28px}.gp-card{width:min(460px,100%);background:#0f172ad1;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 70px #0000008c;overflow:hidden}.gp-head{padding:22px 22px 12px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(99,102,241,.12),transparent)}.gp-brandrow{display:flex;align-items:center;gap:12px}.gp-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#6366f1f2,#22c55ebf);box-shadow:0 10px 24px #6366f138}.gp-title{margin:0;color:#fff;font-size:18px;font-weight:700;letter-spacing:.2px}.gp-sub{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.35}.gp-body{padding:20px 22px 22px}.gp-field{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.gp-label{color:#e5e7ebdb;font-size:13px;font-weight:600}.gp-input{height:44px;border-radius:12px;border:1px solid var(--line);background:#02061759;color:#fff;padding:0 12px;outline:none}.gp-input:focus{border-color:#6366f1b3;box-shadow:0 0 0 4px #6366f12e}.gp-row{display:flex;align-items:center;justify-content:space-between;margin:8px 0 14px}.gp-muted{color:var(--muted);font-size:12px}.gp-btn{width:100%;height:46px;border:0;border-radius:12px;color:#fff;font-weight:700;letter-spacing:.2px;background:linear-gradient(135deg,#6366f1,#22c55eeb);cursor:pointer}.gp-btn:hover{filter:brightness(1.03)}.gp-error{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(239,68,68,.35);background:#ef444414;color:#fee2e2f2;font-size:13px}:root{--bg-primary: #0a0e14;--bg-secondary: #0d1117;--bg-tertiary: #151b23;--bg-card: #161b22;--bg-hover: rgba(255,255,255,.04);--bg-active: rgba(99,102,241,.12);--stroke: rgba(255,255,255,.08);--stroke-light: rgba(255,255,255,.04);--text: #e6edf3;--text-secondary: #8b949e;--muted: #6e7681;--textSecondary: var(--text-secondary);--textMuted: var(--muted);--text-muted: var(--muted);--primary: #6366f1;--primary-hover: #818cf8;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: #06b6d4;--purple: #8b5cf6;--pink: #ec4899;--orange: #f97316;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow: 0 4px 24px rgba(0,0,0,.3);--shadow-lg: 0 8px 40px rgba(0,0,0,.4);--transition: .2s ease;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--secondary: #06b6d4;--accent: #06b6d4;--danger: var(--error);--surface: var(--bg-card);--bg: var(--bg-primary);--bg1: var(--bg-primary);--bg2: var(--bg-secondary);--bg3: var(--bg-tertiary);--border: var(--stroke);--card: var(--bg-card);--hover: var(--bg-tertiary);--mono: var(--font-mono);--shadow-sm: 0 2px 8px rgba(0,0,0,.2);--success-bg: rgba(34, 197, 94, .15);--text-primary: var(--text);--reseller-primary: #3b82f6;--reseller-secondary: #1e40af}.light{--bg-primary: #111827;--bg-secondary: #172033;--bg-tertiary: #202b42;--bg-card: #1b2538;--bg-hover: rgba(255,255,255,.06);--stroke: rgba(255,255,255,.14);--stroke-light: rgba(255,255,255,.08);--text: #f8fafc;--text-secondary: #cbd5e1;--muted: #94a3b8}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark}body{font-family:var(--font);background:var(--bg-primary);color:var(--text);line-height:1.5}button,input,select,textarea{font:inherit}input,select,textarea{background-color:var(--bg-tertiary);color:var(--text);border-color:var(--stroke);caret-color:var(--text)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}select option{background-color:var(--bg-tertiary);color:var(--text)}textarea{min-width:0;line-height:1.45}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(99,102,241,.7);outline-offset:2px}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.58;cursor:not-allowed}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 1000px var(--bg-tertiary) inset;caret-color:var(--text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--stroke);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.sidebar{width:260px;background:var(--bg-secondary);border-right:1px solid var(--stroke);display:flex;flex-direction:column;transition:width var(--transition);position:sticky;top:0;height:100vh;z-index:100}.collapsed .sidebar{width:72px}.sidebarHeader{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--stroke)}.brandMark{width:40px;height:40px;min-width:40px;border-radius:var(--radius);background:linear-gradient(135deg,var(--primary),var(--purple));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #6366f14d}.brandText{font-weight:700;font-size:18px;white-space:nowrap}.collapsed .brandText{display:none}.sidebarToggle{margin-left:auto;width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--stroke);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.sidebarToggle:hover{background:var(--bg-hover);color:var(--text)}.collapsed .sidebarToggle{margin-left:0}.navGroup{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:4px}.navDivider{height:1px;background:var(--stroke);margin:8px 0}.navItem{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition);width:100%;text-align:left;font-size:14px;position:relative}.navItem:hover{background:var(--bg-hover);color:var(--text)}.navItem.active{background:var(--bg-active);color:var(--primary)}.navIcon{display:flex;align-items:center;justify-content:center;width:20px}.navLabel{white-space:nowrap}.collapsed .navLabel{display:none}.navBadge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--error);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.collapsed .navBadge{position:absolute;top:6px;right:6px;min-width:16px;height:16px;padding:0;font-size:10px}.navCategory{display:flex;flex-direction:column}.navCategoryHeader{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition);width:100%;text-align:left;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.navCategoryHeader:hover{background:var(--bg-hover);color:var(--text)}.navCategoryHeader.expanded{color:var(--text)}.navCategoryChevron{margin-left:auto;transition:transform .2s ease;opacity:.5}.navCategoryChevron.rotated{transform:rotate(180deg)}.collapsed .navCategoryChevron{display:none}.collapsed .navCategoryHeader{padding:10px;justify-content:center}.collapsed .navCategoryHeader .navLabel{display:none}.navCategoryItems{display:flex;flex-direction:column;gap:2px;max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .2s ease,padding .2s ease;opacity:0;padding-left:0}.navCategoryItems.expanded{max-height:500px;opacity:1;padding-left:8px;margin-top:4px;margin-bottom:8px}.collapsed .navCategoryItems{display:none}.navSubItem{padding:10px 14px!important;font-size:13px!important;border-left:2px solid var(--stroke);border-radius:0 var(--radius) var(--radius) 0!important;margin-left:10px}.navSubItem:hover{border-left-color:var(--text-secondary)}.navSubItem.active{border-left-color:var(--primary);background:var(--bg-active)}.sidebarFooter{padding:16px;border-top:1px solid var(--stroke)}.sidebarFooterContent{display:flex;flex-direction:column;gap:6px}.sidebarStatus{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.sidebarVersion{font-size:10px;color:var(--muted);margin-top:8px;opacity:.7}.collapsed .sidebarFooterContent{display:none}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:64px;border-bottom:1px solid var(--stroke);display:flex;align-items:center;padding:0 24px;gap:20px;background:var(--bg-secondary);position:sticky;top:0;z-index:50}.topbarLeft{display:flex;align-items:center;gap:16px}.pageTitle{font-size:18px;font-weight:700}.topbarCenter{flex:1;max-width:400px}.topbarRight{display:flex;align-items:center;gap:12px;margin-left:auto}.searchInput{display:flex;align-items:center;gap:10px;padding:0 14px;height:40px;background:var(--bg-tertiary);border:1px solid var(--stroke);border-radius:var(--radius);transition:var(--transition)}.searchInput:focus-within{border-color:var(--primary);background:var(--bg-card)}.searchInput input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:14px}.searchInput input::placeholder{color:var(--muted)}.searchInput button{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:4px}.searchInput button:hover{color:var(--text)}.iconBtn{width:40px;height:40px;border-radius:var(--radius);border:1px solid var(--stroke);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);position:relative}.iconBtn:hover{background:var(--bg-hover);color:var(--text);border-color:var(--text-secondary)}.iconBtn.danger:hover{color:var(--error);border-color:var(--error)}.notifBadge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:11px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center}.userBtn{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius);border:1px solid var(--stroke);background:transparent;color:var(--text);cursor:pointer;transition:var(--transition);font-size:14px}.userBtn:hover{background:var(--bg-hover)}.primarySmall{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:50px;border:none;background:linear-gradient(135deg,#22c55e,#06b6d4);color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:var(--transition);white-space:nowrap}.primarySmall:hover{background:linear-gradient(135deg,#16a34a,#0891b2);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.primarySmall:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.secondarySmall{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border-radius:50px;border:1px solid var(--stroke);background:var(--bg-tertiary);color:var(--text);cursor:pointer;font-size:13px;font-weight:600;line-height:1;min-height:36px;text-decoration:none;transition:var(--transition);white-space:nowrap}.secondarySmall:hover{background:var(--bg-hover);border-color:var(--text-secondary);color:var(--text)}.secondarySmall:disabled{opacity:.5;cursor:not-allowed}button.primary,.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:50px;border:none;background:linear-gradient(135deg,#22c55e,#06b6d4);color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:var(--transition);white-space:nowrap}button.primary:hover,.btn-primary:hover{background:linear-gradient(135deg,#16a34a,#0891b2);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}button.primary:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}button.secondary,.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:50px;border:1px solid var(--stroke);background:transparent;color:var(--text);cursor:pointer;font-size:14px;font-weight:500;transition:var(--transition);white-space:nowrap}button.secondary:hover,.btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-secondary)}button.ghostSmall{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:50px;border:1px solid var(--stroke);background:transparent;color:var(--text);cursor:pointer;font-size:13px;transition:var(--transition)}button.ghostSmall:hover{background:var(--bg-hover)}.tabBtn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:50px;border:1px solid var(--stroke);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;transition:var(--transition);white-space:nowrap}.tabBtn:hover{background:var(--bg-hover);color:var(--text)}.tabBtn.active{background:linear-gradient(135deg,#22c55e,#06b6d4);color:#fff;border-color:transparent;font-weight:600}.gpTable{width:100%;border-collapse:collapse}.gpTable th{text-align:left;padding:12px 16px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--stroke);background:var(--bg-tertiary)}.gpTable td{padding:12px 16px;border-bottom:1px solid var(--stroke-light)}.gpTable tr:last-child td{border-bottom:none}.ghost{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:50px;border:1px solid var(--stroke);background:transparent;color:var(--text);cursor:pointer;font-size:14px;font-weight:500;transition:var(--transition);white-space:nowrap}.ghost:hover{background:var(--bg-hover);border-color:var(--text-secondary)}.ghost.small{padding:6px 12px;font-size:12px}.dropdown{position:absolute;top:calc(100% + 8px);min-width:180px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:6px;z-index:200}.dropdownItem{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text);cursor:pointer;transition:var(--transition);font-size:14px;text-decoration:none}.dropdownItem:hover{background:var(--bg-hover)}.dropdownItem.danger{color:var(--error)}.dropdownDivider{height:1px;background:var(--stroke);margin:6px 0}.dropdownHeader{padding:12px 14px;border-bottom:1px solid var(--stroke)}.dropdownHeaderTitle{display:block;font-weight:600;color:var(--text);font-size:14px}.dropdownHeaderSub{display:block;font-size:12px;color:var(--text-secondary);margin-top:2px}.dropdownLabel{padding:8px 14px 4px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600}.pageContent{flex:1;padding:24px;overflow-y:auto}.pageActions{display:flex;align-items:center;gap:12px;margin-bottom:20px}.statsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media (max-width: 1200px){.statsGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.statsGrid{grid-template-columns:1fr}}.statCard{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius-lg);padding:20px;transition:var(--transition);overflow:hidden}.statCard:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.statCardTop{display:flex;justify-content:space-between;align-items:flex-start}.statCardInfo{flex:1}.statCardTitle{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.statCardValue{font-size:32px;font-weight:700;line-height:1.1}.statCardSub{font-size:13px;color:var(--text-secondary);margin-top:4px}.statCardIcon{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.statCardTrend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;margin-top:8px}.statCardSparkline{margin:12px -20px -20px}.dashboardGrid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:24px}.dashboardGrid.enhanced{grid-template-columns:repeat(3,1fr)}@media (max-width: 1400px){.dashboardGrid.enhanced{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.dashboardGrid.enhanced{grid-template-columns:1fr}}.dashboardSection{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius-lg);padding:20px}.dashboardSection.large{grid-column:span 1}.sectionHeader{display:flex;align-items:center;gap:10px;font-weight:600;margin-bottom:16px}.sectionHeader button{margin-left:auto}.metricsChartGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 800px){.metricsChartGrid{grid-template-columns:1fr}}.realtimeChart{background:var(--bg-tertiary);border-radius:var(--radius);padding:16px}.realtimeChartHeader{display:flex;align-items:center;gap:12px;margin-bottom:12px}.realtimeChartIcon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-card);display:flex;align-items:center;justify-content:center}.realtimeChartTitle{font-size:12px;color:var(--muted)}.realtimeChartValue{font-size:20px;font-weight:700}.alertMini{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--stroke-light)}.alertMini:last-child{border-bottom:none}.alertMini span:first-of-type{flex:1}.activityMini{display:flex;align-items:center;gap:10px;padding:8px 0}.activityMiniIcon{width:24px;height:24px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--muted)}.activityMiniContent{flex:1;font-size:13px}.activityMiniContent span:last-child{color:var(--muted)}.emptyMini{display:flex;align-items:center;gap:10px;padding:20px;color:var(--text-secondary);font-size:14px;justify-content:center}.emptyMini svg{opacity:.5}.text-success{color:#22c55e}.healthContent{display:flex;align-items:center;gap:24px}.healthGauge{flex-shrink:0}.healthMetrics{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.healthMetricItem{display:flex;flex-direction:column;padding:12px;background:var(--bg-secondary);border-radius:var(--radius)}.healthMetricLabel{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.healthMetricValue{font-size:18px;font-weight:700}.playerActivityChart{margin-top:8px}.upcomingScheduleItem{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--stroke)}.upcomingScheduleItem:last-child{border-bottom:none}.upcomingScheduleIcon{width:32px;height:32px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.upcomingScheduleInfo{flex:1;min-width:0}.upcomingScheduleName{font-size:14px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcomingScheduleMeta{font-size:12px;color:var(--text-secondary);margin-top:2px}.upcomingScheduleTime{font-size:12px;color:var(--muted);white-space:nowrap}.backupStatusItem{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--stroke)}.backupStatusItem:last-child{border-bottom:none}.backupStatusIcon{width:32px;height:32px;border-radius:var(--radius);background:#22c55e26;color:#22c55e;display:flex;align-items:center;justify-content:center;flex-shrink:0}.backupStatusInfo{flex:1;min-width:0}.backupStatusName{font-size:14px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.backupStatusMeta{font-size:12px;color:var(--text-secondary);margin-top:2px}.backupStatusTime{font-size:12px;color:var(--muted);white-space:nowrap}.serverCardsGrid.full{margin-top:0}.serverCard{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:var(--transition)}.serverCard:hover{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.serverCardHeader{display:flex;align-items:center;gap:14px;margin-bottom:16px}.serverCardIcon{width:44px;height:44px;border-radius:var(--radius);background:linear-gradient(135deg,var(--primary)22,var(--purple)22);color:var(--primary);display:flex;align-items:center;justify-content:center}.serverCardInfo{flex:1}.serverCardName{font-weight:700;font-size:16px}.serverCardGame{font-size:13px;color:var(--muted)}.serverCardMetrics{display:flex;gap:16px;margin-bottom:12px}.serverCardMetric{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.serverCardActions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--stroke)}.btnIcon{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--stroke);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.btnIcon:hover{background:var(--bg-hover);color:var(--text)}.btnIcon.green:hover{color:var(--success);border-color:var(--success)}.btnIcon.red:hover{color:var(--error);border-color:var(--error)}.nodeCardsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.nodeCard{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:var(--transition)}.nodeCard:hover{border-color:var(--primary)}.nodeCardHeader{display:flex;align-items:center;gap:12px;margin-bottom:16px}.nodeCardInfo{flex:1}.nodeCardName{font-weight:700}.nodeCardLocation{font-size:12px;color:var(--muted)}.nodeCardMetrics{display:flex;flex-direction:column;gap:12px}.nodeCardMetricLabel{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:4px}.nodeCardMetricValue{font-weight:600}.nodeCardFooter{display:flex;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid var(--stroke);font-size:12px;color:var(--muted)}.nodeCardFooter span{display:flex;align-items:center;gap:6px}.badge{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid}.pillGreen{display:inline-flex;padding:4px 10px;border-radius:999px;background:#22c55e24;color:#86efac;border:1px solid rgba(34,197,94,.22);font-weight:700;font-size:12px}.pillYellow{display:inline-flex;padding:4px 10px;border-radius:999px;background:#eab30824;color:#fde047;border:1px solid rgba(234,179,8,.22);font-weight:700;font-size:12px}.pillRed{display:inline-flex;padding:4px 10px;border-radius:999px;background:#ef444424;color:#fca5a5;border:1px solid rgba(239,68,68,.22);font-weight:700;font-size:12px}.pillBlue{display:inline-flex;padding:4px 10px;border-radius:999px;background:#3b82f624;color:#93c5fd;border:1px solid rgba(59,130,246,.22);font-weight:700;font-size:12px}.pillPurple{display:inline-flex;padding:4px 10px;border-radius:999px;background:#8b5cf624;color:#c4b5fd;border:1px solid rgba(139,92,246,.22);font-weight:700;font-size:12px}.pillOrange{display:inline-flex;padding:4px 10px;border-radius:999px;background:#f9731624;color:#fdba74;border:1px solid rgba(249,115,22,.22);font-weight:700;font-size:12px}.emptyState{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.emptyStateIcon{color:var(--muted);margin-bottom:20px;opacity:.5}.emptyStateTitle{font-size:20px;font-weight:700;margin-bottom:8px}.emptyStateDesc{color:var(--muted);max-width:400px;margin-bottom:20px}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modalCard{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg)}.modalHead{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid var(--stroke)}.modalTitle{font-size:20px;font-weight:700}.modalSub{font-size:14px;color:var(--muted);margin-top:4px}.modalBody{padding:24px;max-height:60vh;overflow-y:auto}.modalActions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--stroke)}.tabBar{display:flex;gap:4px;padding:4px;background:var(--bg-tertiary);border-radius:var(--radius);margin-bottom:20px}.tabItem{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:14px;transition:var(--transition)}.tabItem:hover{color:var(--text)}.tabItem.active{background:var(--bg-card);color:var(--text);box-shadow:0 2px 8px #0003}.toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.toggle input{display:none}.toggleTrack{width:44px;height:24px;background:var(--bg-tertiary);border-radius:12px;position:relative;transition:var(--transition)}.toggleThumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--text-secondary);border-radius:50%;transition:var(--transition)}.toggle input:checked+.toggleTrack{background:var(--primary)}.toggle input:checked+.toggleTrack .toggleThumb{left:22px;background:#fff}.toggleLabel{font-size:14px;color:var(--text-secondary)}.select{height:40px;padding:0 14px;border-radius:var(--radius);border:1px solid var(--stroke);background:var(--bg-tertiary);color:var(--text);font-size:14px;cursor:pointer;outline:none}.select:focus{border-color:var(--primary)}.select.fullWidth{width:100%}.input,.fieldInput{width:100%;min-height:40px;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--stroke);background:var(--bg-tertiary);color:var(--text);font-size:14px;outline:none;transition:var(--transition)}.input:focus,.fieldInput:focus{border-color:var(--primary);background:var(--bg-card)}textarea.input,textarea.fieldInput{min-height:92px;resize:vertical}input.input[type=color],input.fieldInput[type=color],.gp-input[type=color]{padding:4px;min-width:52px}.fieldLabel,.formLabel{display:block;margin-bottom:6px;color:var(--text-secondary);font-size:13px;font-weight:600}.formGroup{display:flex;flex-direction:column;gap:6px;min-width:0}.gp-field{margin-bottom:16px}.gp-label{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.gp-input{width:100%;height:44px;padding:0 14px;border-radius:var(--radius);border:1px solid var(--stroke);background:var(--bg-tertiary);color:var(--text);font-size:14px;outline:none;transition:var(--transition)}.gp-input:focus{border-color:var(--primary);background:var(--bg-card)}.gp-input::placeholder{color:var(--muted)}.gp-textarea{width:100%;min-height:96px;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--stroke);background:var(--bg-tertiary);color:var(--text);font-size:14px;font-family:var(--font);outline:none;resize:vertical;transition:var(--transition)}.gp-textarea:focus{border-color:var(--primary);background:var(--bg-card)}.gp-textarea::placeholder{color:var(--muted)}.gp-error{color:var(--error);font-size:13px;margin-top:8px;padding:10px;background:#ef44441a;border-radius:var(--radius-sm)}.tableCard{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius-lg);overflow:hidden}.tableHeader{display:flex;align-items:center;gap:10px;padding:16px 20px;font-weight:600;border-bottom:1px solid var(--stroke)}.table th{text-align:left;padding:14px 20px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--stroke);background:var(--bg-tertiary)}.table td{padding:16px 20px;border-bottom:1px solid var(--stroke-light)}.table tr:hover td{background:var(--bg-hover)}.cellWithIcon{display:flex;align-items:center;gap:10px}.templatesGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px}.templateCardLarge{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:center;gap:16px}.templateCardLargeIcon{width:56px;height:56px;border-radius:var(--radius);background:linear-gradient(135deg,var(--primary)22,var(--purple)22);color:var(--primary);display:flex;align-items:center;justify-content:center}.templateCardLargeContent{flex:1}.templateCardLargeName{font-weight:700;font-size:16px}.templateCardLargeGame{font-size:13px;color:var(--muted)}.templateCardLargeSpecs{display:flex;gap:16px;margin-top:8px;font-size:12px;color:var(--text-secondary)}.templateCardLargeSpecs span{display:flex;align-items:center;gap:4px}.settingsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.settingsCard{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius-lg);padding:24px}.settingsCard.full-width{grid-column:1 / -1}.settingsCardHeader{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--stroke)}.settings-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.settings-tab{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.settings-tab:hover{background:var(--bg-hover);color:var(--text);border-color:var(--primary)}.settings-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.settings-info{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius);margin-bottom:20px;font-size:14px;line-height:1.6;color:var(--text-secondary)}.settings-info svg{flex-shrink:0;margin-top:2px;color:var(--primary)}.settings-info a{color:var(--primary);text-decoration:underline}.settings-info a:hover{color:var(--primary-hover)}.settings-info.success{background:#22c55e1a;border-color:#22c55e33}.settings-info.success svg{color:var(--success)}.settings-supported{margin:20px 0}.game-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.game-tag{display:inline-block;padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--stroke);border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary)}.game-tag.highlight{background:#6366f126;border-color:#6366f14d;color:var(--primary)}.settings-note{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius);margin:20px 0;font-size:13px;color:var(--text-secondary)}.settings-note svg{flex-shrink:0;margin-top:1px;color:var(--warning)}.gp-hint{font-size:12px;color:var(--muted);margin-top:6px}.gp-test-result{padding:12px;border-radius:8px;margin-bottom:12px;border:1px solid transparent;font-size:13px}.gp-test-result.ok{background:#22c55e1a;border-color:#22c55e40;color:var(--success)}.gp-test-result.error{background:#ef44441a;border-color:#ef444440;color:var(--error)}.gp-label .required{color:var(--error)}.webhookItem{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--stroke-light)}.webhookItem:last-child{border-bottom:none}.webhookItem span:first-child{min-width:100px;font-weight:600}.webhookItem code{flex:1;font-size:12px;color:var(--muted);font-family:var(--font-mono)}.runtimeSelector{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.runtimeBtn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:var(--bg-card);border:2px solid var(--stroke);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);text-align:center}.runtimeBtn:hover{border-color:var(--primary);background:var(--bg-hover)}.runtimeBtn.active{border-color:var(--primary);background:#6366f11a}.runtimeBtn svg{color:var(--text-secondary)}.runtimeBtn.active svg{color:var(--primary)}.runtimeLabel{font-weight:600;font-size:15px;color:var(--text)}.runtimeDesc{font-size:12px;color:var(--text-muted)}.runtimeBtn.active .runtimeLabel{color:var(--primary)}.codeBlock{background:var(--bg-tertiary);border:1px solid var(--stroke);border-radius:var(--radius);padding:12px 16px;font-family:var(--font-mono);font-size:13px;word-break:break-all;color:var(--text)}.usersGrid{display:grid;grid-template-columns:2fr 1fr;gap:20px}@media (max-width: 1000px){.usersGrid{grid-template-columns:1fr}}.rolesCard{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius-lg);padding:20px}.roleItem{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--stroke-light)}.roleItem:last-child{border-bottom:none}.roleItemIcon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--primary)}.roleItemContent{flex:1}.roleItemName{font-weight:600}.roleItemDesc{font-size:12px;color:var(--muted)}.alertsPanelHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.alertsCounts{display:flex;gap:10px}.alertCountBtn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius);border:1px solid var(--stroke);background:transparent;cursor:pointer;font-size:14px;font-weight:600;transition:var(--transition)}.alertCountBtn.critical{color:var(--error)}.alertCountBtn.warning{color:var(--warning)}.alertCountBtn.info{color:var(--info)}.alertCountBtn.active{background:var(--bg-card)}.alertsList{display:flex;flex-direction:column;gap:12px}.alertItem{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius)}.alertItem.critical{border-left:3px solid var(--error)}.alertItem.warning{border-left:3px solid var(--warning)}.alertItem.info{border-left:3px solid var(--info)}.alertItem.resolved{opacity:.6}.alertItemIcon{color:var(--muted)}.alertItem.critical .alertItemIcon{color:var(--error)}.alertItem.warning .alertItemIcon{color:var(--warning)}.alertItem.info .alertItemIcon{color:var(--info)}.alertItemContent{flex:1}.alertItemTitle{font-weight:600;margin-bottom:4px}.alertItemMessage{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.alertItemMeta{display:flex;gap:16px;font-size:12px;color:var(--muted)}.alertResolveBtn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--success);background:transparent;color:var(--success);cursor:pointer;font-size:13px;transition:var(--transition)}.alertResolveBtn:hover{background:#22c55e1a}.notifDropdown{width:320px;padding:0}.notifHeader{padding:14px 16px;font-weight:700;border-bottom:1px solid var(--stroke)}.notifEmpty{padding:30px 16px;text-align:center;color:var(--muted)}.notifItem{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-bottom:1px solid var(--stroke-light)}.notifItem:last-child{border-bottom:none}.notifItemContent{flex:1}.notifItemTitle{font-size:14px;font-weight:500}.notifItemTime{font-size:12px;color:var(--muted)}.notifMore{padding:12px 16px;text-align:center;font-size:13px;color:var(--primary);border-top:1px solid var(--stroke);cursor:pointer}.fullscreenPanel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:var(--bg-primary)}.consolePanel{display:flex;flex-direction:column;height:100%}.consolePanelHeader{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--stroke);background:var(--bg-secondary)}.consolePanelTitle{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px}.consolePanelActions{display:flex;align-items:center;gap:12px}.consoleOutput{flex:1;padding:16px;background:#0d1117;font-family:var(--font-mono);font-size:13px;overflow-y:auto;line-height:1.6}.consoleLine{display:flex;gap:12px}.consoleLine.error{color:var(--error)}.consoleLine.warn{color:var(--warning)}.consoleLine.info{color:var(--info)}.consoleLineNum{color:var(--muted);min-width:40px;text-align:right;-webkit-user-select:none;user-select:none}.consoleLineText{flex:1;word-break:break-all}.consoleInput{display:flex;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid var(--stroke);background:var(--bg-secondary)}.consolePrompt{color:var(--success);font-family:var(--font-mono);font-weight:700}.consoleInput input{flex:1;background:var(--bg-tertiary);border:1px solid var(--stroke);border-radius:var(--radius);padding:12px 16px;color:var(--text);font-family:var(--font-mono);font-size:14px;outline:none}.consoleInput input:focus{border-color:var(--primary)}.fileManager{display:flex;flex-direction:column;height:100%}.fileManagerHeader{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--stroke);background:var(--bg-secondary)}.fileManagerTitle{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px}.fileManagerToolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--stroke);background:var(--bg-tertiary)}.fileManagerBreadcrumbs{display:flex;align-items:center;gap:4px}.fileManagerBreadcrumbs button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px 10px;border-radius:var(--radius-sm);transition:var(--transition);font-size:14px}.fileManagerBreadcrumbs button:hover{background:var(--bg-hover);color:var(--text)}.fileManagerActions{display:flex;align-items:center;gap:8px}.fileManagerContent{display:grid;grid-template-columns:350px 1fr;flex:1;min-height:0}.fileManagerList{border-right:1px solid var(--stroke);overflow-y:auto;background:var(--bg-secondary)}.fileManagerListHeader{display:flex;padding:10px 16px;border-bottom:1px solid var(--stroke);background:var(--bg-tertiary)}.fileManagerListHeader button{flex:1;background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:12px;text-transform:uppercase;display:flex;align-items:center;gap:4px}.fileManagerItem{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:var(--transition);border-bottom:1px solid var(--stroke-light)}.fileManagerItem:hover{background:var(--bg-hover)}.fileManagerItem.active{background:var(--bg-active)}.fileManagerItemName{flex:1;font-size:14px}.fileManagerItemSize{font-size:12px;color:var(--muted);min-width:70px;text-align:right}.fileManagerItemDate{font-size:12px;color:var(--muted);min-width:80px;text-align:right}.fileManagerPreview{display:flex;flex-direction:column}.fileManagerPreviewHeader{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--stroke)}.fileManagerPreviewHeader span{flex:1;font-weight:600}.fileManagerEditor{flex:1;background:#0d1117;border:none;padding:16px;font-family:var(--font-mono);font-size:13px;color:var(--text);resize:none;outline:none}.fileManagerPreviewEmpty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--muted);gap:12px}.stepTitle{font-size:18px;font-weight:700;margin-bottom:20px}.templateGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.templateCard{padding:20px 16px;border:2px solid var(--stroke);border-radius:var(--radius);cursor:pointer;text-align:center;transition:var(--transition)}.templateCard:hover{border-color:var(--text-secondary)}.templateCard.selected{border-color:var(--primary);background:var(--bg-active)}.templateCardIcon{margin-bottom:12px;color:var(--primary)}.templateCardName{font-weight:600;font-size:14px;margin-bottom:4px}.templateCardReqs{font-size:11px;color:var(--muted)}.resourceSliders{display:flex;flex-direction:column;gap:24px}.resourceSliderHeader{display:flex;align-items:center;gap:10px;margin-bottom:10px}.resourceSliderHeader span:first-of-type{display:flex;align-items:center;gap:6px;flex:1;font-weight:500}.resourceValue{font-weight:700;color:var(--primary)}.resourceSlider input[type=range]{width:100%;height:8px;border-radius:4px;background:var(--bg-tertiary);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.resourceSlider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer}.resourceSummary{display:flex;gap:20px;margin-top:24px;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius)}.resourceSummaryItem{display:flex;align-items:center;gap:8px;font-size:14px}.nodeDetailStatus{display:flex;align-items:center;gap:10px;margin-bottom:20px}.nodeDetailGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}@media (max-width: 800px){.nodeDetailGrid{grid-template-columns:repeat(2,1fr)}}.nodeDetailInfo{display:flex;flex-direction:column;gap:8px}.nodeDetailInfoItem{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--stroke-light)}.nodeDetailInfoItem span:first-child{color:var(--muted)}.dangerZone{margin-top:24px;padding-top:20px;border-top:1px solid var(--error)}.dangerZoneTitle{font-weight:700;color:var(--error);margin-bottom:16px}.btnDanger{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius);border:1px solid var(--error);background:transparent;color:var(--error);cursor:pointer;font-size:14px;margin-bottom:10px;transition:var(--transition)}.btnDanger:hover{background:#ef44441a}.nodeDetailPage{padding:0;max-width:1400px}.nodeDetailPageHeader{margin-bottom:24px}.nodeDetailPageHeader>.ghost{margin-bottom:16px}.nodeDetailPageTitle{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px}.nodeDetailPageTitleMain{display:flex;align-items:flex-start;gap:16px}.nodeDetailPageTitleMain h1{font-size:24px;font-weight:700;margin:0;line-height:1.2}.nodeDetailPageSubtitle{display:flex;align-items:center;gap:12px;margin-top:4px;font-size:14px;color:var(--muted)}.nodeDetailPageSubtitle .muted{color:var(--muted)}.nodeDetailPageActions{display:flex;gap:8px;flex-wrap:wrap}.nodeDetailTabs{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--stroke)}.nodeDetailStats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media (max-width: 1000px){.nodeDetailStats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.nodeDetailStats{grid-template-columns:1fr}}.nodeDetailInfoCard{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden}.nodeDetailInfoGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:0}@media (max-width: 800px){.nodeDetailInfoGrid{grid-template-columns:1fr}}.nodeDetailInfoItem{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--stroke-light);border-right:1px solid var(--stroke-light)}.nodeDetailInfoItem:nth-child(2n){border-right:none}.nodeDetailInfoItem span:first-child{color:var(--muted);font-size:14px}.nodeDetailInfoItem span:last-child,.nodeDetailInfoItem a,.nodeDetailInfoItem code{font-size:14px}.nodeDetailInfoItem a{color:var(--primary);text-decoration:none;display:flex;align-items:center;gap:4px}.nodeDetailInfoItem a:hover{text-decoration:underline}.nodeDetailInfoItem code.truncate{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.settingsCard{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden;margin-bottom:24px}.settingsCardBody{padding:20px;display:flex;flex-direction:column;gap:16px}.settingsCardBody .primarySmall{align-self:flex-start}.dangerZoneCard{background:var(--bg-card);border:1px solid var(--error);border-radius:var(--radius);overflow:hidden}.dangerZoneCard .dangerZoneTitle{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#ef444414;margin-bottom:0}.dangerZoneBody{padding:0}.dangerZoneItem{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid var(--stroke-light)}.dangerZoneItem:last-child{border-bottom:none}.dangerZoneItemInfo h4{font-size:14px;font-weight:600;margin-bottom:4px}.dangerZoneItemInfo p{font-size:13px;color:var(--muted)}.chartCard{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden;margin-bottom:24px}.chartTitle{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--stroke-light);font-weight:600;font-size:14px}.chartBody{padding:20px}.iconBtn.danger{color:var(--error)}.pillSmall{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase}.pillGreen{background:#22c55e26;color:var(--success)}.pillRed{background:#ef444426;color:var(--error)}.pillYellow{background:#f59e0b26;color:var(--warning)}.pageActions{display:flex;gap:8px;margin-bottom:16px}.toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:2000;animation:slideIn .3s ease}.toast.success{border-color:var(--success);color:var(--success)}.toast.error{border-color:var(--error);color:var(--error)}.toast.info{border-color:var(--info);color:var(--info)}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.muted{color:var(--muted)}code{background:var(--bg-tertiary);padding:2px 8px;border-radius:4px;font-family:var(--font-mono);font-size:12px}.gp-auth{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));padding:20px}.gp-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.gp-head{padding:32px 32px 24px;border-bottom:1px solid var(--stroke)}.gp-brandrow{display:flex;align-items:center;gap:16px}.gp-logo-icon{width:56px;height:56px;border-radius:var(--radius);background:linear-gradient(135deg,var(--primary),var(--purple));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px #6366f14d}.gp-title{font-size:22px;font-weight:700;margin-bottom:4px}.gp-sub{font-size:14px;color:var(--muted)}.gp-body{padding:32px}.gp-btn{width:100%;height:48px;border-radius:50px;border:none;background:linear-gradient(135deg,#22c55e,#06b6d4);color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:var(--transition)}.gp-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.gp-footer{padding:20px 32px;border-top:1px solid var(--stroke);display:flex;justify-content:space-between;font-size:13px}.gp-footer a{color:var(--primary);text-decoration:none}.gp-footer a:hover{text-decoration:underline}.dockerPanel{background:var(--bg-primary);min-height:100vh}.dockerPanelHeader{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--stroke);background:var(--bg-card)}.dockerPanelTitle{display:flex;align-items:center;gap:16px}.dockerPanelTitle h2{font-size:20px;font-weight:700;margin:0}.dockerPanelTitle p{font-size:13px;color:var(--muted);margin:2px 0 0}.dockerPanelActions{display:flex;align-items:center;gap:10px}.dockerTabs{display:flex;gap:4px;padding:12px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--stroke)}.dockerTab{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius);border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:14px;font-weight:600;transition:var(--transition)}.dockerTab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.dockerTab.active{color:var(--primary);background:var(--bg-card)}.dockerTabBadge{padding:2px 8px;background:var(--primary);color:#fff;border-radius:999px;font-size:11px;margin-left:4px}.dockerContent{padding:24px}.dockerImagePull{display:flex;gap:12px;margin-bottom:20px}.dockerImagePull .gp-input{flex:1}.dockerInfoGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.dockerInfoCard{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);padding:16px}.dockerInfoLabel{font-size:12px;color:var(--muted);margin-bottom:6px}.dockerInfoValue{font-size:16px;font-weight:600}.provisionStatus{text-align:center;padding:20px 0}.provisionProgress{height:8px;background:var(--bg-tertiary);border-radius:999px;overflow:hidden;margin-bottom:20px}.provisionProgressBar{height:100%;background:linear-gradient(90deg,var(--primary),var(--purple));border-radius:999px;transition:width .5s ease}.provisionStep{font-size:14px;color:var(--muted);margin-bottom:8px}.provisionPercent{font-size:28px;font-weight:700;margin-bottom:20px}.provisionSuccess,.provisionError{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0}.provisionLogs{max-height:200px;overflow-y:auto;text-align:left;background:var(--bg-tertiary);border-radius:var(--radius);padding:12px;margin-top:20px}.provisionLogs pre{font-family:var(--font-mono);font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-all;margin:0;color:var(--muted)}.manualNodeSteps{display:flex;flex-direction:column;gap:20px}.manualNodeStep{display:flex;gap:16px}.stepNumber{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.stepContent{flex:1}.stepTitle{font-weight:700;margin-bottom:10px}.stepNote{font-size:12px;color:var(--muted);margin-top:8px}.codeBlock{display:block;background:var(--bg-tertiary);padding:14px 16px;border-radius:var(--radius);font-family:var(--font-mono);font-size:13px;line-height:1.8;white-space:pre-wrap;border:1px solid var(--stroke);color:var(--text-primary)}.joinTokenBox{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--primary);border-radius:var(--radius);padding:12px 16px;margin-bottom:12px}.joinTokenBox code{flex:1;background:transparent;padding:0;font-size:14px;color:var(--primary);font-weight:600}.nodeCardsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.nodeCardWrapper{position:relative}.nodeCardActions{position:absolute;top:12px;right:12px;display:flex;gap:6px;opacity:0;transition:var(--transition)}.nodeCardWrapper:hover .nodeCardActions{opacity:1}.tableActions{display:flex;gap:6px}.pillGreen{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#22c55e26;color:#22c55e;border-radius:999px;font-size:12px;font-weight:600}.pillGray{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg-tertiary);color:var(--muted);border-radius:999px;font-size:12px;font-weight:600}code.small{font-size:11px}.fullscreenPanel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg-primary);overflow:auto;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}button.danger{background:#ef4444;color:#fff;border:none}button.danger:hover{background:#dc2626}.tableCard{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--stroke)}.table th{background:var(--bg-secondary);font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.table tr:last-child td{border-bottom:none}.table tr:hover{background:var(--bg-secondary)}.iconBtn.danger:hover{background:#ef444426}.rolesGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.roleCard{background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);padding:24px;display:flex;gap:16px;transition:var(--transition)}.roleCard:hover{border-color:var(--primary)}.roleCardIcon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.roleCardContent{flex:1}.roleCardTitle{font-size:16px;font-weight:600;color:var(--text);margin-bottom:6px}.roleCardDesc{font-size:13px;color:var(--text-muted);line-height:1.5;margin-bottom:12px}.roleCardMeta{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.permissionsCard{background:var(--card);border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden}.permissionsTable{overflow-x:auto}.permissionsTable table{min-width:700px}.permissionsTable th{background:var(--bg-hover)}.permissionsTable code{white-space:nowrap}.permissionToggle:hover{background:var(--bg-hover)!important;transform:scale(1.1)}.permissionToggle:active{transform:scale(.95)}.userForm{display:flex;flex-direction:column;gap:16px}.userForm .gp-hint{font-size:12px;color:var(--text-muted);margin-top:6px}.userForm .gp-error{color:#ef4444;font-size:13px;padding:8px 12px;background:#ef44441a;border-radius:var(--radius)}.userForm .modalFooter{margin-top:8px;padding-top:16px;border-top:1px solid var(--stroke)}.joinTokenBox{display:flex;align-items:center;gap:8px;margin-bottom:12px}.joinTokenBox .tokenCode{flex:1;padding:12px 16px;background:var(--bg-hover);border:1px solid var(--stroke);border-radius:var(--radius);font-family:var(--mono);font-size:13px;color:var(--primary);word-break:break-all}.joinTokenBox .tokenCode.clickable{color:var(--primary);cursor:pointer;transition:var(--transition)}.joinTokenBox .tokenCode.clickable:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.joinTokenBox .tokenLoading{flex:1;padding:12px 16px;background:var(--bg-hover);border:1px solid var(--stroke);border-radius:var(--radius);font-size:13px;color:var(--text-muted)}.mobileMenuBtn{display:none;width:44px;height:44px;border-radius:var(--radius);border:1px solid var(--stroke);background:transparent;color:var(--text-secondary);cursor:pointer;align-items:center;justify-content:center;transition:var(--transition);-webkit-tap-highlight-color:transparent}.mobileMenuBtn:hover,.mobileMenuBtn:active{background:var(--bg-hover);color:var(--text)}.sidebarOverlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:999;opacity:0;transition:opacity .3s ease;-webkit-tap-highlight-color:transparent}.sidebarOverlay.visible{opacity:1}@media (max-width: 768px){.mobileMenuBtn{display:flex!important}.appShell .sidebar{position:fixed!important;left:0;top:0;height:100vh!important;width:280px!important;transform:translate(-100%);transition:transform .3s ease;z-index:1000!important;background:var(--bg-secondary)}.appShell .sidebar.mobileOpen{transform:translate(0)!important}.sidebarOverlay{display:block!important;pointer-events:none}.sidebarOverlay.visible{pointer-events:auto}.appShell.collapsed .sidebar{width:280px!important;transform:translate(-100%)}.appShell.collapsed .sidebar.mobileOpen{transform:translate(0)!important}.appShell.collapsed .brandText,.appShell.collapsed .navLabel{display:block!important}.appShell.collapsed .navBadge{position:static;min-width:20px;height:20px;padding:0 6px;font-size:11px}.appShell.collapsed .sidebarFooterContent{display:flex!important}.topbar{padding:0 16px;gap:12px}.topbarCenter,.userBtn span{display:none}.userBtn{padding:8px}.pageContent{padding:16px}.pageTitle{font-size:16px}.statsGrid{grid-template-columns:1fr;gap:12px}.statCardValue{font-size:24px}.dashboardGrid,.serverCardsGrid,.nodeCardsGrid{grid-template-columns:1fr}.modalCard{max-width:100%;margin:10px}.modalBody{max-height:50vh}.tabBar{flex-wrap:wrap}.tabItem{flex:1;min-width:80px;justify-content:center;padding:10px 12px;font-size:13px}.fileManagerContent{grid-template-columns:1fr}.fileManagerList{border-right:none;border-bottom:1px solid var(--stroke);max-height:250px}.consoleInput{padding:12px 16px}.consoleInput input{padding:10px 14px;font-size:13px}.templatesGrid,.settingsGrid,.usersGrid{grid-template-columns:1fr}.nodeDetailGrid{grid-template-columns:1fr 1fr}.gp-card{margin:10px}.gp-head{padding:24px 20px 20px}.gp-body{padding:24px 20px}.gp-footer{padding:16px 20px;flex-direction:column;gap:12px;text-align:center}.toast{left:16px;right:16px;bottom:16px}.dockerTabs{flex-wrap:wrap;padding:12px 16px}.dockerTab{padding:8px 14px;font-size:13px}.dockerContent{padding:16px}.dockerInfoGrid{grid-template-columns:1fr 1fr}.pageActions{flex-wrap:wrap;gap:8px}.pageActions .primarySmall,.pageActions .ghost{flex:1;justify-content:center}.alertsPanelHeader{flex-direction:column;gap:12px;align-items:flex-start}.alertsCounts{width:100%;overflow-x:auto;padding-bottom:4px}.alertCountBtn{white-space:nowrap}.table{display:block;overflow-x:auto}.tableCard{overflow-x:auto}}@media (max-width: 480px){.topbar{height:56px}.iconBtn,.mobileMenuBtn{width:36px;height:36px}.statCard{padding:16px}.statCardIcon{width:40px;height:40px}.serverCard{padding:16px}.serverCardHeader{margin-bottom:12px}.serverCardIcon{width:38px;height:38px}.serverCardActions{flex-wrap:wrap}.nodeCard{padding:16px}.nodeDetailGrid{grid-template-columns:1fr}.modalOverlay{padding:10px}.modalHead,.modalBody{padding:20px 16px}.modalActions{padding:16px;flex-direction:column}.modalActions button{width:100%;justify-content:center}.templateGrid{grid-template-columns:repeat(2,1fr);gap:8px}.templateCard{padding:14px 10px}.templateCardName{font-size:12px}.dockerInfoGrid{grid-template-columns:1fr}.gp-logo-icon{width:48px;height:48px}.gp-title{font-size:20px}}.modMarketplace{display:flex;flex-direction:column;gap:20px}.modFilters{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.modFilters .select{min-width:150px}.modsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.modCard{display:flex;gap:16px;padding:20px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);cursor:pointer;transition:var(--transition);position:relative}.modCard:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow)}.modCardIcon{width:56px;height:56px;flex-shrink:0;background:var(--bg-active);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--primary)}.modCardContent{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.modCardName{font-weight:600;font-size:15px;color:var(--text)}.modCardAuthor{font-size:12px;color:var(--muted)}.modCardDesc{font-size:13px;color:var(--text-secondary);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.modCardMeta{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--text-secondary);margin-top:4px}.modCardMeta span{display:flex;align-items:center;gap:4px}.modCardRating{display:flex;align-items:center;gap:6px}.modRatingStars{display:flex;gap:2px}.modCardTags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.modInstallBtn{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition);opacity:0}.modCard:hover .modInstallBtn{opacity:1}.modInstallBtn:hover{background:var(--primary-hover)}.repositoriesGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.repoCard{display:flex;gap:16px;padding:20px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);transition:var(--transition)}.repoCard.disabled{opacity:.5}.repoCardIcon{width:48px;height:48px;flex-shrink:0;background:var(--bg-hover);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.repoCardContent{flex:1;min-width:0}.repoCardName{font-weight:600;font-size:15px;color:var(--text);margin-bottom:4px}.repoCardUrl{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.repoCardMeta{display:flex;gap:16px;margin-top:8px;font-size:12px;color:var(--text-secondary)}.repoCardMeta span{display:flex;align-items:center;gap:4px}.repoCardActions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.modDetailContent{display:flex;flex-direction:column;gap:24px}.modDetailHeader{display:flex;gap:20px;align-items:flex-start}.modDetailIcon{width:80px;height:80px;flex-shrink:0;background:var(--bg-active);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--primary)}.modDetailInfo{flex:1}.modDetailRating{display:flex;align-items:center;gap:8px;margin-bottom:8px}.modDetailRating span{font-weight:600;color:var(--text)}.modDetailStats{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--text-secondary);margin-bottom:12px}.modDetailStats span{display:flex;align-items:center;gap:6px}.modDetailTags{display:flex;flex-wrap:wrap;gap:8px}.modDetailDescription h4,.modDetailDependencies h4,.modDetailReviews h4,.modDetailInstall h4{font-size:14px;font-weight:600;color:var(--text);margin-bottom:12px}.modDetailDescription p{font-size:14px;color:var(--text-secondary);line-height:1.7}.dependenciesList{display:flex;flex-wrap:wrap;gap:8px}.reviewsList{display:flex;flex-direction:column;gap:16px;max-height:300px;overflow-y:auto}.reviewItem{padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.reviewHeader{display:flex;align-items:center;gap:12px;margin-bottom:8px}.reviewAuthor{font-weight:500;color:var(--text)}.reviewDate{font-size:12px;color:var(--muted);margin-left:auto}.reviewComment{font-size:14px;color:var(--text-secondary);line-height:1.6}.reviewFooter{margin-top:12px}.reviewFooter button{font-size:12px;padding:4px 8px}.installForm{display:flex;gap:12px;align-items:center}.installForm .select{flex:1}.playerManagement{display:flex;flex-direction:column;gap:20px}.playerFilters{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.playerFilters .select{min-width:150px}.pingBadge{display:inline-flex;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.pingBadge.good{background:#22c55e26;color:#22c55e}.pingBadge.medium{background:#f59e0b26;color:#f59e0b}.pingBadge.bad{background:#ef444426;color:#ef4444}.banForm{display:flex;flex-direction:column;gap:16px}.banForm textarea{min-height:80px;resize:vertical}.pillGreen{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#22c55e26;color:#22c55e}.pillYellow{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#f59e0b26;color:#f59e0b}.pillRed{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#ef444426;color:#ef4444}.pillBlue{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#6366f126;color:#6366f1}.tableHeader{display:flex;align-items:center;gap:8px;padding:16px 20px;border-bottom:1px solid var(--stroke);font-weight:600;font-size:14px;color:var(--text)}.cellWithIcon{display:flex;align-items:center;gap:8px}.tableActions{display:flex;gap:4px}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media (max-width: 768px){.modsGrid{grid-template-columns:1fr}.modCard{flex-direction:column;padding-bottom:60px}.modCardIcon{width:48px;height:48px}.modInstallBtn{opacity:1;bottom:12px;right:12px}.repositoriesGrid{grid-template-columns:1fr}.repoCard{flex-direction:column;gap:12px}.repoCardActions{flex-direction:row;width:100%;justify-content:space-between}.modDetailHeader{flex-direction:column;align-items:center;text-align:center}.modDetailStats,.modDetailTags{justify-content:center}.installForm{flex-direction:column}.installForm .select{width:100%}.installForm button{width:100%;justify-content:center}.reviewsList{max-height:200px}}.serverDetailPage{padding:0;max-width:1400px}.serverDetailPageHeader{margin-bottom:24px}.serverDetailPageHeader>.ghost{margin-bottom:16px}.serverDetailPageTitle{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px}.serverDetailPageTitleMain{display:flex;align-items:flex-start;gap:16px}.serverDetailPageTitleMain h1{font-size:24px;font-weight:700;margin:0;line-height:1.2}.serverDetailPageSubtitle{display:flex;align-items:center;gap:12px;margin-top:4px;font-size:14px;color:var(--muted)}.serverDetailPageSubtitle .muted{color:var(--muted)}.serverDetailPageActions{display:flex;gap:8px;flex-wrap:wrap}.serverDetailTabs{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--stroke)}.serverDetailTabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.serverDetailTabs button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:14px}.serverDetailTabs button:hover{background:var(--bg-hover);color:var(--text)}.serverDetailTabs button.active{background:var(--primary);border-color:var(--primary);color:#fff}.consoleWrapper,.consoleTab{display:flex;flex-direction:column;height:500px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden}.consoleOutput{flex:1;background:#0a0a0f;padding:16px;overflow-y:auto;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;color:#22c55e}.consoleEmpty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--muted);gap:12px}.consoleLine{white-space:pre-wrap;word-break:break-all;line-height:1.6}.consoleInput{display:flex;gap:8px;padding:12px 16px;background:#1a1a1a;border-radius:0 0 12px 12px;border-top:1px solid var(--stroke)}.consoleInput input{flex:1;background:#0d0d0d;border:1px solid var(--stroke);color:#22c55e;font-family:JetBrains Mono,Fira Code,monospace}.filesTab{padding:0}.fileToolbar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);margin-bottom:8px;flex-wrap:wrap}.filesBreadcrumb{display:flex;align-items:center;gap:4px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);margin-bottom:8px;flex-wrap:wrap}.filesGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.fileItem{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);cursor:pointer;transition:all .2s;text-align:center}.fileItem:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.fileItem.folder{color:#f59e0b}.fileItem.folder:hover{color:#fff}.fileItem span{font-size:13px;word-break:break-word;max-width:100%}.fileSize{font-size:11px!important;color:var(--muted)}.filesLoading,.filesEmpty{grid-column:1 / -1;padding:40px;text-align:center;color:var(--muted)}.newFolderRow{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--stroke);border-radius:var(--radius);margin-bottom:8px}.newFolderRow input{flex:1;max-width:300px;padding:8px 12px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius-sm);color:var(--text);font-size:14px}.filesTable{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden}.filesTable .table{width:100%;margin:0}.fileRow{cursor:pointer;transition:background .2s}.fileRow:hover{background:var(--bg-hover)}.fileRow.selected{background:#6366f126}.fileCell{display:flex;align-items:center;gap:10px}.fileCell svg{flex-shrink:0}.folderIcon{color:#f59e0b}.fileEditor{display:flex;flex-direction:column;height:500px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden}.fileEditorHeader{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-card);border-bottom:1px solid var(--stroke)}.fileEditorHeader span{display:flex;align-items:center;gap:8px;font-weight:500}.fileEditorActions{display:flex;gap:8px}.fileEditorContent{flex:1;background:#0a0a0f;border:none;padding:16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;color:#e0e0e0;resize:none}.resourcesTab{padding:24px;display:flex;flex-direction:column;gap:24px}.resourcesGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.resourceCard{background:var(--hover);border-radius:12px;padding:20px}.resourceCardHeader{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--muted);margin-bottom:12px}.resourceCardValue{font-size:32px;font-weight:700;color:var(--text);margin-bottom:12px}.playersTab{padding:0}.playerCell{display:flex;align-items:center;gap:8px}.modsTab{padding:0;display:flex;flex-direction:column;gap:16px}.modsTabs{display:flex;gap:8px;padding:4px;background:var(--bg-tertiary);border-radius:var(--radius);width:fit-content}.modTabBtn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:transparent;color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;transition:var(--transition)}.modTabBtn:hover{color:var(--text);background:var(--bg-hover)}.modTabBtn.active{color:var(--text);background:var(--bg-card);box-shadow:var(--shadow-sm)}.modSearchBar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.modSourceSelect{padding:10px 16px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);color:var(--text);font-size:14px;min-width:150px}.modSearchInput{flex:1;min-width:200px;padding:10px 16px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);color:var(--text);font-size:14px}.modSearchInput:focus{border-color:var(--primary);outline:none}.availableModsSection,.installedModsSection{margin-top:24px}.sectionHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sectionTitle{font-size:18px;font-weight:600;color:var(--text);margin:0 0 16px}.modCard{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);transition:var(--transition)}.modCard:hover{border-color:var(--primary)}.modCard.disabled{opacity:.6}.modCard.available{border-left:3px solid var(--primary)}.modCard.installed{border-left:3px solid #22c55e}.modCard.installed.disabled{border-left-color:#6b7280}.modCardHeader{display:flex;align-items:flex-start;gap:12px}.modIcon{width:48px;height:48px;background:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.modIconImg{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover}.modInfo{flex:1;min-width:0}.modName{font-weight:600;font-size:15px;color:var(--text)}.modAuthor,.modVersion{font-size:12px;color:var(--muted)}.modSource{font-size:11px;color:var(--muted);padding:4px 8px;background:var(--bg-tertiary);border-radius:4px;width:fit-content}.modDescription{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0}.modMeta{display:flex;gap:16px;font-size:12px;color:var(--muted)}.modMeta span{display:flex;align-items:center;gap:4px}.modActions{display:flex;gap:8px;margin-top:auto;padding-top:8px;border-top:1px solid var(--stroke)}.modInstallBtn{width:100%;margin-top:8px}.modUploadSection{display:flex;flex-direction:column;gap:24px}.uploadDropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;border:2px dashed var(--stroke);border-radius:var(--radius);cursor:pointer;transition:var(--transition);text-align:center;color:var(--muted)}.uploadDropzone:hover{border-color:var(--primary);background:var(--bg-hover)}.uploadDropzone h3{margin:16px 0 8px;color:var(--text)}.uploadDropzone p{margin:0}.uploadHint{font-size:12px;margin-top:8px!important;opacity:.7}.uploadInfo{padding:24px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius)}.uploadInfo h4{margin:0 0 16px;color:var(--text)}.uploadInfo ol{margin:0;padding-left:20px;color:var(--text-secondary)}.uploadInfo li{margin-bottom:8px;line-height:1.6}.settingsTab{padding:24px;display:flex;flex-direction:column;gap:32px}.settingsSection{background:var(--hover);border-radius:12px;padding:24px}.settingsSection h3{margin:0 0 16px;font-size:18px;font-weight:600}.settingsSection.danger{border:1px solid rgba(239,68,68,.3)}.settingsSection.danger h3{color:#ef4444}.settingsSection p{color:var(--muted);margin-bottom:16px}.settingsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.settingsItem{display:flex;flex-direction:column;gap:4px}.settingsItem .label{font-size:12px;font-weight:500;color:var(--muted);text-transform:uppercase}.settingsItem code{font-size:13px;padding:4px 8px;background:var(--card);border-radius:4px}button.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:10px 18px;border-radius:50px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:var(--transition)}button.warning:hover{opacity:.9;transform:translateY(-1px)}button.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:10px 18px;border-radius:50px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:var(--transition)}button.danger:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}button.ghost.danger{background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.3)}button.ghost.danger:hover{background:#ef44441a}.pageLoading{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px;color:var(--muted)}.pageError{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px;color:var(--muted)}.iconBtn.warning{color:#f59e0b}.iconBtn.warning:hover{background:#f59e0b1a}.iconBtn.danger{color:#ef4444}.iconBtn.danger:hover{background:#ef44441a}.containersGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px;padding:16px}.containerCard{background:var(--hover);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;border:1px solid var(--stroke)}.containerCardHeader{display:flex;align-items:center;gap:12px}.containerCardIcon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.containerCardInfo{flex:1;min-width:0}.containerCardName{font-weight:600;font-size:15px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.containerCardImage{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:JetBrains Mono,monospace}.containerCardMeta{display:flex;flex-wrap:wrap;gap:12px;padding:8px 0;border-top:1px solid var(--stroke);font-size:12px}.containerCardMetaItem{display:flex;gap:6px}.containerCardMetaItem span{color:var(--muted)}.containerCardMetaItem code{background:var(--card);padding:2px 6px;border-radius:4px;font-size:11px}.containerCardActions{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px;border-top:1px solid var(--stroke)}.containerAction{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--card);border:1px solid var(--stroke);border-radius:6px;color:var(--text);cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.containerAction:hover,.containerAction.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.containerAction.primary:hover{opacity:.9}.containerAction.danger{background:transparent;color:#ef4444;border-color:#ef44444d}.containerAction.danger:hover{background:#ef4444;color:#fff}.containerLogsModal{display:flex;flex-direction:column;gap:12px}.containerLogsOutput{background:#0d0d0d;border-radius:8px;padding:16px;max-height:400px;overflow-y:auto}.logsLoading{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);padding:40px}.logsContent{font-family:JetBrains Mono,monospace;font-size:12px;color:#22c55e;white-space:pre-wrap;word-break:break-all;margin:0}.containerLogsActions{display:flex;align-items:center;gap:16px}.checkboxLabel{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);cursor:pointer}.containerConsoleModal{display:flex;flex-direction:column;gap:12px}.containerConsoleOutput{background:#0d0d0d;border-radius:8px;padding:16px;height:300px;overflow-y:auto;font-family:JetBrains Mono,monospace;font-size:12px;color:#22c55e}.containerConsoleInput{display:flex;gap:8px}.containerConsoleInput input{flex:1;background:#0d0d0d;border:1px solid var(--stroke);color:#22c55e;font-family:JetBrains Mono,monospace}.statusBadge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.statusRunning{background:#22c55e26;color:#22c55e}.statusStopped{background:#ef444426;color:#ef4444}.statusWarning{background:#f59e0b26;color:#f59e0b}.downloadsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.downloadCard{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);padding:32px;text-align:center;transition:var(--transition)}.downloadCard:hover{border-color:var(--primary);transform:translateY(-2px)}.downloadIcon{margin-bottom:16px;color:var(--primary)}.downloadCard h3{font-size:18px;font-weight:600;margin-bottom:8px}.downloadCard p{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.downloadCard a.primarySmall{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.installInstructions{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);padding:32px}.installInstructions h2{display:flex;align-items:center;gap:10px;font-size:20px;margin-bottom:24px}.instructionsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.instructionCard{background:var(--bg-secondary);border-radius:var(--radius-sm);padding:24px}.instructionCard h3{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--primary)}.instructionCard ol{padding-left:20px}.instructionCard li{margin-bottom:12px;color:var(--text-secondary);line-height:1.6}.instructionCard code{background:#6366f126;color:var(--primary);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:13px}.analyticsPage{display:flex;flex-direction:column;gap:24px}.pageHeader{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:8px}.pageTitle{font-size:24px;font-weight:700;display:flex;align-items:center;gap:12px;color:var(--text)}.portalBadge{display:inline-flex;align-items:center;padding:4px 10px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-size:11px;font-weight:600;border-radius:4px;margin-right:12px;text-transform:uppercase;letter-spacing:.5px}.pageSubtitle{color:var(--text-secondary);font-size:14px;margin-top:4px}.pageActions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.viewTabs{display:flex;background:var(--bg-secondary);border-radius:var(--radius);padding:4px;gap:4px}.viewTab{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:calc(var(--radius) - 4px);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;transition:var(--transition)}.viewTab:hover{color:var(--text);background:var(--bg-hover)}.viewTab.active{background:var(--primary);color:#fff}.analyticsGrid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.analyticsGrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.analyticsGrid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 1200px){.analyticsGrid4,.analyticsGrid3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.analyticsGrid4,.analyticsGrid3,.analyticsGrid2{grid-template-columns:1fr}}.statCardLarge{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);padding:20px;display:flex;align-items:center;gap:16px;transition:var(--transition)}.statCardLarge:hover{border-color:var(--primary);transform:translateY(-2px)}.statCardIcon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.statCardIcon.green{background:#22c55e26;color:#22c55e}.statCardIcon.blue{background:#6366f126;color:#6366f1}.statCardIcon.purple{background:#8b5cf626;color:#8b5cf6}.statCardIcon.orange{background:#f9731626;color:#f97316}.statCardIcon.red{background:#ef444426;color:#ef4444}.statCardIcon.gray{background:#64748b26;color:#64748b}.statCardContent{flex:1;min-width:0}.statCardValue{font-size:28px;font-weight:700;color:var(--text);line-height:1.2}.statCardLabel{font-size:13px;color:var(--text-secondary);margin-top:4px}.statCardMeta{font-size:12px;margin-top:8px}.statCardMeta .green{color:#22c55e}.statCardMeta .red{color:#ef4444}.statCardMeta .muted{color:var(--muted)}.analyticsCard{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden}.analyticsCard.fullWidth{grid-column:1 / -1}.analyticsCardHeader{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--stroke);font-weight:600;font-size:15px;color:var(--text)}.chartContainer{padding:20px;min-height:290px;display:flex;align-items:center;justify-content:center}.chartEmpty{color:var(--muted);font-size:14px}.activityList{padding:12px 16px;max-height:280px;overflow-y:auto}.activityItem{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--stroke-light)}.activityItem:last-child{border-bottom:none}.activityIcon{width:28px;height:28px;background:#6366f126;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.activityContent{display:flex;flex-direction:column;gap:2px;min-width:0}.activityAction{font-size:13px;font-weight:500;color:var(--text);text-transform:capitalize}.activityMeta{font-size:11px;color:var(--muted)}.backupStats{padding:20px;display:flex;flex-direction:column;gap:16px}.backupStatRow{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-radius:var(--radius-sm)}.backupStatRow span{font-size:14px;color:var(--text-secondary)}.backupStatValue{font-size:16px;font-weight:600;color:var(--text)}.backupStatValue.green{color:#22c55e}.nodeGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:20px}.nodeCard{background:var(--bg-secondary);border:1px solid var(--stroke);border-radius:var(--radius-sm);padding:20px;transition:var(--transition)}.nodeCard.online{border-left:3px solid #22c55e}.nodeCard.offline{border-left:3px solid #ef4444;opacity:.7}.nodeCardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.nodeHostname{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;color:var(--text)}.nodeCardMeta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted);margin-bottom:16px}.nodeCardMeta span{display:flex;align-items:center;gap:4px}.nodeMetrics{display:flex;flex-direction:column;gap:12px}.metricBar{display:flex;flex-direction:column;gap:6px}.metricBarHeader{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.metricBarHeader span{display:flex;align-items:center;gap:4px}.metricBarTrack{height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden}.metricBarFill{height:100%;border-radius:3px;transition:width .3s ease}.metricBarFill.cpu{background:linear-gradient(90deg,#8b5cf6,#6366f1)}.metricBarFill.memory{background:linear-gradient(90deg,#f59e0b,#f97316)}.metricBarFill.disk{background:linear-gradient(90deg,#22c55e,#10b981)}.nodeLoadAvg{font-size:12px;color:var(--text-secondary);padding-top:8px;border-top:1px solid var(--stroke-light);margin-top:4px}.nodeOfflineMsg{display:flex;align-items:center;gap:8px;padding:12px;background:#ef44441a;border-radius:var(--radius-sm);font-size:12px;color:#ef4444;margin-top:12px}.dataTable{width:100%;border-collapse:collapse}.dataTable th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;background:var(--bg-secondary);border-bottom:1px solid var(--stroke)}.dataTable td{padding:14px 16px;border-bottom:1px solid var(--stroke-light);font-size:13px;color:var(--text)}.dataTable tr:hover{background:var(--bg-hover)}.dataTable .bold{font-weight:600}.dataTable .mono{font-family:var(--font-mono);font-size:12px}.dataTable .muted{color:var(--muted)}.gameBadge{display:inline-flex;padding:4px 10px;background:#6366f126;color:var(--primary);border-radius:12px;font-size:11px;font-weight:600}.osBadge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500}.osBadge.windows{background:#0078d426;color:#0078d4}.osBadge.linux{background:#f9731626;color:#f97316}.resourceBadge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--bg-secondary);border-radius:6px;font-size:11px;color:var(--text-secondary);margin-right:6px}.performanceGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:20px}.performanceCard{background:var(--bg-secondary);border:1px solid var(--stroke);border-radius:var(--radius-sm);padding:16px}.performanceHeader{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--text);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--stroke-light)}.performanceMetrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.perfMetric{text-align:center;padding:8px;background:var(--bg-primary);border-radius:8px}.perfMetricLabel{font-size:11px;color:var(--muted);margin-bottom:4px}.perfMetricValue{font-size:18px;font-weight:700;color:var(--text)}.perfMetricValue.low{color:#22c55e}.perfMetricValue.medium{color:#f59e0b}.perfMetricValue.high{color:#ef4444}.emptyText{color:var(--muted);font-size:14px;text-align:center;padding:40px 20px}.loadingContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;color:var(--text-secondary)}.alertsPage{display:flex;flex-direction:column;gap:24px}.alertsStatsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 900px){.alertsStatsGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.alertsStatsGrid{grid-template-columns:1fr}}.alertStatCard{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:var(--transition)}.alertStatCard:hover{border-color:var(--primary);transform:translateY(-2px)}.alertStatCard.active{border-color:var(--primary);box-shadow:0 0 0 2px #6366f133}.alertStatCard.critical .alertStatIcon{background:#ef444426;color:#ef4444}.alertStatCard.critical.active{background:#ef44441a;border-color:#ef4444}.alertStatCard.warning .alertStatIcon{background:#f59e0b26;color:#f59e0b}.alertStatCard.warning.active{background:#f59e0b1a;border-color:#f59e0b}.alertStatCard.info .alertStatIcon{background:#3b82f626;color:#3b82f6}.alertStatCard.info.active{background:#3b82f61a;border-color:#3b82f6}.alertStatCard.resolved .alertStatIcon{background:#22c55e26;color:#22c55e}.alertStatCard.resolved.active{background:#22c55e1a;border-color:#22c55e}.alertStatIcon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.alertStatContent{flex:1}.alertStatValue{font-size:32px;font-weight:700;color:var(--text);line-height:1}.alertStatLabel{font-size:13px;color:var(--text-secondary);margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.alertsFilters{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);padding:16px 20px;display:flex;flex-wrap:wrap;gap:16px;align-items:center}.filterGroup{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filterLabel{font-size:13px;color:var(--text-secondary);margin-right:4px}.filterBtn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;background:var(--bg-secondary);border:1px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:12px;transition:var(--transition)}.filterBtn:hover{background:var(--bg-hover);color:var(--text)}.filterBtn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.alertsListContainer{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);min-height:300px}.alertsListDetailed{display:flex;flex-direction:column}.alertCardDetailed{display:flex;padding:20px;gap:16px;border-bottom:1px solid var(--stroke-light);transition:var(--transition)}.alertCardDetailed:last-child{border-bottom:none}.alertCardDetailed:hover{background:var(--bg-hover)}.alertCardDetailed.resolved{opacity:.6}.alertCardLeft{flex-shrink:0}.alertCardIcon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.alertCardIcon.critical{background:#ef444426;color:#ef4444}.alertCardIcon.warning{background:#f59e0b26;color:#f59e0b}.alertCardIcon.info{background:#3b82f626;color:#3b82f6}.alertCardContent{flex:1;min-width:0}.alertCardHeader{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.alertCardTitle{font-size:15px;font-weight:600;color:var(--text)}.alertSeverityBadge{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.alertSeverityBadge.critical{background:#ef444433;color:#ef4444}.alertSeverityBadge.warning{background:#f59e0b33;color:#f59e0b}.alertSeverityBadge.info{background:#3b82f633;color:#3b82f6}.alertCardMessage{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:12px}.alertCardMeta{display:flex;flex-wrap:wrap;gap:16px}.alertMetaItem{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--muted)}.alertMetaItem.resolved{color:#22c55e}.alertCardActions{display:flex;align-items:flex-start;gap:8px;flex-shrink:0}.alertResolveBtn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#22c55e26;border:none;border-radius:6px;color:#22c55e;font-size:12px;font-weight:500;cursor:pointer;transition:var(--transition)}.alertResolveBtn:hover{background:#22c55e;color:#fff}.instructionCard pre{background:#0d0d0d;color:#22c55e;padding:16px;border-radius:8px;margin-top:8px;font-family:var(--font-mono);font-size:12px;overflow-x:auto;white-space:pre-wrap}.capacityOverview{display:flex;flex-direction:column;gap:24px}.capacityStatsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.capacityStatCard{display:flex;gap:16px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);padding:20px;transition:var(--transition)}.capacityStatCard:hover{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.capacityStatIcon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.capacityStatContent{flex:1;min-width:0}.capacityStatLabel{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.capacityStatValue{font-size:18px;font-weight:600;color:var(--text);margin-bottom:8px}.capacityStatSub{font-size:12px;color:var(--muted);margin-top:6px}.capacityGauges{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);padding:20px}.capacityGauges h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;margin-bottom:20px;color:var(--text)}.capacityGaugesGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px}.capacityGauge{display:flex;flex-direction:column;align-items:center;position:relative}.capacityGaugeLabel{text-align:center;font-size:13px;color:var(--text-secondary);margin-top:8px;font-weight:500;line-height:1.4}.capacityServersCard{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden}.capacityServersCard .tableHeader{padding:16px 20px;border-bottom:1px solid var(--stroke);display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}.capacityServersCard .tableCard{border:none;border-radius:0}.capacityStatCard .progressBar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.capacityStatCard .progressFill{height:100%;border-radius:4px;transition:width .3s ease}.capacityStatCard.warning{border-color:var(--warning)}.capacityStatCard.warning .capacityStatValue{color:var(--warning)}.capacityStatCard.critical{border-color:var(--error)}.capacityStatCard.critical .capacityStatValue{color:var(--error)}.metricsHistoryPage{padding:0}.chartsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-top:20px}.chartCard{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);padding:20px}.chartCard h3{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;margin-bottom:16px;color:var(--text)}.uptimePage{padding:0}.slaReport{margin-top:20px}.slaMetrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.slaMetric{text-align:center;padding:24px;background:var(--bg-secondary);border-radius:var(--radius)}.slaMetricLabel{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.slaMetricValue{font-size:28px;font-weight:700;color:var(--text)}.ddosPage{padding:0}.ddosOverview{display:grid;gap:20px;margin-top:20px}.attackTypeItem{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-radius:var(--radius)}.attackTypeName{font-weight:500;color:var(--text)}.attackTypeCount{font-size:18px;font-weight:700;color:var(--primary)}.importPage{padding:0}.cloneSection,.pterodactylSection{margin-top:20px}.checkboxGroup{display:flex;flex-direction:column;gap:10px;margin:16px 0}.checkboxGroup label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text-secondary)}.checkboxGroup input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.cloneProgress{background:var(--bg-secondary);border-radius:var(--radius);padding:16px}.progressInfo{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px;color:var(--text-secondary)}.importResults{background:var(--bg-secondary);border-radius:var(--radius);padding:20px}.importStats{display:flex;gap:24px;flex-wrap:wrap}.importItems h4{font-size:14px;font-weight:600;margin-bottom:12px}.text-green{color:#22c55e}.text-red{color:#ef4444}.text-muted{color:var(--text-secondary)}.bg-red{background:#ef444433;color:#ef4444}.bg-orange{background:#f59e0b33;color:#f59e0b}.bg-yellow{background:#eab30833;color:#eab308}.bg-green{background:#22c55e33;color:#22c55e}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.pageHeaderRow{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;flex-wrap:wrap}.pageHeaderLeft h2{display:flex;align-items:center;gap:12px;margin:0 0 4px}.pageSubtitle{color:var(--text-secondary);font-size:14px;margin:0}.pageActions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.statsGrid.four{grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.statsGrid.four{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.statsGrid.four{grid-template-columns:1fr}}.statsGridFour{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1200px){.statsGridFour{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.statsGridFour{grid-template-columns:1fr}}.statCardMini{display:flex;align-items:center;gap:16px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius-lg);padding:16px 20px;transition:var(--transition)}.statCardMini:hover{border-color:var(--primary);transform:translateY(-1px)}.statCardMiniIcon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.statCardMiniInfo,.statCardMiniContent{display:flex;flex-direction:column}.statCardMiniValue{font-size:22px;font-weight:700;line-height:1.2}.statCardMiniLabel{font-size:12px;color:var(--text-secondary);margin-top:2px}.gridTwo{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 900px){.gridTwo{grid-template-columns:1fr}}.card{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius-lg);overflow:hidden}.cardHeader{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--stroke)}.cardHeader h3{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;margin:0}.cardBody{padding:20px}.checkboxGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}@media (max-width: 600px){.checkboxGrid{grid-template-columns:1fr}}.checkboxCard{display:flex;align-items:center;gap:10px;padding:14px;background:var(--bg-secondary);border:1px solid var(--stroke);border-radius:var(--radius);cursor:pointer;transition:var(--transition)}.checkboxCard:hover{border-color:var(--primary)}.checkboxCard input{display:none}.checkboxCard input:checked+svg{color:var(--primary)}.checkboxCard input:checked~span{color:var(--text)}.checkboxCard svg{color:var(--muted)}.checkboxCard span{font-size:13px;color:var(--text-secondary)}.fullWidth{width:100%}.clonePreview{display:flex;flex-direction:column;gap:12px}.clonePreviewItem{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--stroke)}.clonePreviewItem:last-child{border-bottom:none}.clonePreviewLabel{font-size:13px;color:var(--text-secondary)}.clonePreviewValue{font-size:14px;font-weight:500;text-align:right}.cloneProgressCard{margin-top:20px;padding:16px;background:var(--bg-secondary);border-radius:var(--radius)}.cloneProgressHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cloneProgressPercent{display:block;text-align:right;font-size:12px;color:var(--text-secondary);margin-top:8px}.emptyState{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center}.emptyState svg{color:var(--muted);opacity:.5;margin-bottom:16px}.emptyState h3{font-size:16px;font-weight:600;margin:0 0 8px}.emptyState p{color:var(--text-secondary);font-size:14px;margin:0;max-width:300px}.emptyState.small{padding:32px 20px}.emptyState.small svg{margin-bottom:12px}.alertBox{display:flex;gap:12px;padding:14px 16px;border-radius:var(--radius)}.alertBox.info{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#3b82f6}.alertBox.warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#f59e0b}.alertBox.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.alertBox.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.alertBox div{flex:1;font-size:13px;line-height:1.5}.alertBox strong{display:block;margin-bottom:4px}.importStatsRow{display:flex;gap:24px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--stroke)}.importStatItem{text-align:center}.importStatValue{display:block;font-size:28px;font-weight:700;color:var(--text)}.importStatLabel{font-size:12px;color:var(--text-secondary)}.importItemsList{display:flex;flex-direction:column;gap:8px}.importItemRow{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-radius:var(--radius)}.importItemName{font-weight:500}.importItemMeta{font-size:12px;color:var(--text-secondary)}.chartsGridImproved{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}@media (max-width: 1200px){.chartsGridImproved{grid-template-columns:1fr}}.chartCardImproved{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius-lg);padding:20px}.chartCardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chartCardTitle{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}.chartCardMeta{font-size:12px;color:var(--text-secondary)}.loadingState{display:flex;align-items:center;justify-content:center;gap:12px;padding:80px 20px;color:var(--text-secondary);font-size:15px}.slaGaugeSection{display:flex;align-items:center;gap:32px}.slaDetails{flex:1;display:flex;flex-direction:column;gap:16px}.slaDetailItem{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--stroke)}.slaDetailItem:last-child{border-bottom:none}.slaDetailItem span{color:var(--text-secondary);font-size:14px}.slaDetailItem strong{font-size:16px}.downtimeStats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.downtimeStat{text-align:center;padding:20px;background:var(--bg-secondary);border-radius:var(--radius)}.downtimeValue{display:block;font-size:24px;font-weight:700;color:var(--text);margin-bottom:4px}.downtimeLabel{font-size:12px;color:var(--text-secondary)}.pillGreen{display:inline-flex;align-items:center;padding:4px 10px;background:#22c55e26;color:#22c55e;font-size:12px;font-weight:500;border-radius:20px}.pillYellow{display:inline-flex;align-items:center;padding:4px 10px;background:#eab30826;color:#eab308;font-size:12px;font-weight:500;border-radius:20px}.pillRed{display:inline-flex;align-items:center;padding:4px 10px;background:#ef444426;color:#ef4444;font-size:12px;font-weight:500;border-radius:20px}.attackTypesList{display:flex;flex-direction:column;gap:12px}.attackTypeItem{display:flex;align-items:center;gap:12px;padding:8px 0}.attackTypeName{display:flex;align-items:center;gap:6px;min-width:120px;font-size:14px;color:var(--text-secondary)}.attackTypeBar{flex:1;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.attackTypeFill{height:100%;background:linear-gradient(90deg,#f59e0b,#ef4444);border-radius:4px;transition:width .3s ease}.attackTypeCount{font-size:14px;font-weight:600;color:var(--text);min-width:40px;text-align:right}.protectionSummary{display:flex;flex-direction:column;gap:12px}.summaryItem{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--stroke)}.summaryItem:last-child{border-bottom:none}.summaryLabel{font-size:14px;color:var(--text-secondary)}.summaryValue{font-size:15px;font-weight:600;color:var(--text)}.emptyStateCard{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-secondary)}.emptyStateCard svg{margin-bottom:16px;opacity:.5}.emptyStateCard h3{font-size:16px;font-weight:600;color:var(--text);margin:0 0 8px}.emptyStateCard p{font-size:14px;margin:0}.statCardMini.success{border-left:3px solid #22c55e}.statCardMini.warning{border-left:3px solid #f59e0b}.statCardMini.error{border-left:3px solid #ef4444}.connectionInfoModal{padding:8px 0}.connectionInfoSection{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--stroke)}.connectionInfoSection:last-of-type{border-bottom:none;margin-bottom:0}.connectionInfoSection h4{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text);margin:0 0 12px}.connectionInfoGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.connectionInfoItem{display:flex;flex-direction:column;gap:4px}.connectionInfoItem.fullWidth{grid-column:span 2}.connectionLabel{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.connectionValue{display:flex;align-items:center;gap:8px}.connectionValue code{flex:1;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--stroke);border-radius:var(--radius);font-family:JetBrains Mono,monospace;font-size:14px;color:var(--primary)}.connectionValue .ghost.small{padding:4px 8px;min-width:auto}.connectionValueText{font-size:14px;color:var(--text)}.connectionInfoActions{display:flex;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--stroke)}.connectionInfoActions .primary{flex:1}.versionSelector{display:flex;align-items:flex-end;gap:16px}.versionCards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.versionCard{padding:16px;background:var(--bg-secondary);border:1px solid var(--stroke);border-radius:var(--radius);cursor:pointer;transition:var(--transition)}.versionCard:hover{border-color:var(--primary);background:var(--bg-card)}.versionCard.active{border-color:var(--primary);background:#6366f11a}.versionCardHeader{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.versionCardName{font-weight:600;font-size:14px}.versionCardImage{display:block;margin-top:8px;font-size:11px;color:var(--text-secondary);word-break:break-all}.tenantSwitcher{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-tertiary);border:1px solid var(--stroke);border-radius:var(--radius);color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);min-width:140px}.tenantSwitcher:hover{border-color:var(--primary);background:var(--bg-card)}.tenantSwitcher svg:first-child{color:var(--primary)}.tenantSwitcher span{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.dropdownHeader{padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--stroke)}.dropdownItem.active{background:var(--bg-active);color:var(--primary)}.dropdownItem.active svg{color:var(--primary)}.tenantList{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding:4px 0}.tenantListItem{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--stroke);border-radius:var(--radius);transition:var(--transition)}.tenantListItem:hover{border-color:var(--text-secondary)}.tenantListItem.active{border-color:var(--primary);background:#6366f114}.tenantInfo{display:flex;align-items:center;gap:10px;flex:1;cursor:pointer}.tenantInfo svg{color:var(--primary)}.tenantName{font-weight:500;color:var(--text)}.tenantBadge{padding:2px 8px;background:var(--primary);color:#fff;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:4px}.tenantActions{display:flex;align-items:center;gap:4px}.gp-input.small{padding:6px 10px;font-size:13px;height:32px}.iconBtn.danger:hover{color:var(--error);background:#ef44441a}.iconBtn:disabled{opacity:.4;cursor:not-allowed}.infoBox{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius);font-size:13px;color:var(--text-secondary);line-height:1.5}.infoBox svg{flex-shrink:0;color:var(--primary);margin-top:2px}.emptyState.small{padding:20px;font-size:13px}.templateEditor .modalBody{overflow-y:auto}.codeEditor{resize:vertical;-moz-tab-size:2;tab-size:2;white-space:pre;overflow-x:auto}.templateCardActions{display:flex;align-items:center;gap:8px}.destinationsList{display:flex;flex-direction:column;gap:12px}.destinationItem{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border:1px solid var(--stroke);border-radius:var(--radius);transition:var(--transition)}.destinationItem:hover{border-color:var(--text-secondary)}.destinationItem.default{background:#6366f114;border-color:var(--primary)}.destinationIcon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--primary)}.destinationInfo{flex:1;display:flex;flex-direction:column;gap:2px}.destinationName{font-weight:600;color:var(--text)}.destinationDesc{font-size:13px;color:var(--text-secondary)}.destinationActions{display:flex;align-items:center;gap:4px}.resellerDashboard{display:flex;flex-direction:column;gap:24px}.resellerStatsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1200px){.resellerStatsGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.resellerStatsGrid{grid-template-columns:1fr}}.resellerStatCard{padding:20px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);display:flex;flex-direction:column;gap:8px}.resellerStatCard .statLabel{font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.resellerStatCard .statValue{font-size:28px;font-weight:700;color:var(--text)}.resellerStatCard .statChange{font-size:13px;display:flex;align-items:center;gap:4px}.resellerStatCard .statChange.positive{color:var(--success)}.resellerStatCard .statChange.negative{color:var(--error)}.tierCard{padding:24px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);text-align:center;transition:var(--transition)}.tierCard:hover{border-color:var(--primary);transform:translateY(-2px)}.tierCard.current{border-color:var(--primary);background:#6366f114}.tierCard.gold{border-color:#f59e0b}.tierCard.platinum{border-color:#8b5cf6}.tierBadge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:12px}.tierBadge.bronze{background:#cd7f32;color:#fff}.tierBadge.silver{background:silver;color:#333}.tierBadge.gold{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.tierBadge.platinum{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.tierName{font-size:20px;font-weight:700;color:var(--text);margin-bottom:8px}.tierDesc{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.tierFeatures{display:flex;flex-direction:column;gap:8px;text-align:left;margin-top:16px;padding-top:16px;border-top:1px solid var(--stroke)}.tierFeature{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text)}.tierFeature svg{color:var(--success);flex-shrink:0}.clientsTable{width:100%;border-collapse:collapse}.clientsTable th,.clientsTable td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--stroke)}.clientsTable th{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);background:var(--bg-secondary)}.clientsTable td{font-size:14px;color:var(--text)}.clientsTable tr:hover td{background:var(--bg-hover)}.commissionCard{padding:20px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius)}.commissionHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--stroke)}.commissionBalance{display:flex;flex-direction:column}.commissionBalanceLabel{font-size:13px;color:var(--text-secondary)}.commissionBalanceValue{font-size:32px;font-weight:700;color:var(--success)}.commissionList{display:flex;flex-direction:column;gap:8px}.commissionItem{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-secondary);border-radius:var(--radius-sm)}.commissionItemInfo{display:flex;flex-direction:column}.commissionItemClient{font-weight:500;color:var(--text)}.commissionItemDate{font-size:12px;color:var(--text-secondary)}.commissionItemAmount{font-weight:600;color:var(--success)}.pricingGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.pricingCard{padding:20px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius)}.pricingCardHeader{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--stroke)}.pricingCardIcon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--primary)}.pricingCardName{font-weight:600;color:var(--text)}.pricingCardGame{font-size:13px;color:var(--text-secondary)}.pricingRow{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.pricingLabel{font-size:14px;color:var(--text-secondary)}.pricingValue{font-weight:600;color:var(--text)}.pricingInput{width:100px;text-align:right}.textMuted{color:var(--text-secondary);font-size:14px}.textSuccess{color:var(--success)}.textWarning{color:var(--warning)}.textError{color:var(--error)}.transactionsList{display:flex;flex-direction:column;gap:8px;padding:16px}.transactionItem{display:flex;align-items:center;gap:16px;padding:14px 16px;background:var(--bg-secondary);border-radius:var(--radius);transition:var(--transition)}.transactionItem:hover{background:var(--bg-hover)}.transactionIcon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-tertiary)}.transactionItem:has(.transactionAmount.positive) .transactionIcon{background:#22c55e1a;color:var(--success)}.transactionItem:has(.transactionAmount.negative) .transactionIcon{background:#ef44441a;color:var(--error)}.transactionInfo{flex:1}.transactionDesc{display:block;font-weight:500;color:var(--text)}.transactionDate{display:block;font-size:12px;color:var(--text-secondary);margin-top:2px}.transactionAmount{font-weight:600;font-size:15px}.transactionAmount.positive{color:var(--success)}.transactionAmount.negative{color:var(--error)}.topUpAmounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.topUpBtn{padding:12px 16px;background:var(--bg-secondary);border:2px solid var(--stroke);border-radius:var(--radius);color:var(--text);font-weight:600;font-size:15px;cursor:pointer;transition:var(--transition)}.topUpBtn:hover{border-color:var(--primary);background:var(--bg-hover)}.topUpBtn.active{border-color:var(--primary);background:#6366f11a;color:var(--primary)}.paymentMethods{display:flex;flex-direction:column;gap:12px}.paymentMethodBtn{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--stroke);border-radius:var(--radius);color:var(--text);text-align:left;cursor:pointer;transition:var(--transition)}.paymentMethodBtn:hover{border-color:var(--primary);background:var(--bg-hover)}.paymentMethodBtn:disabled{opacity:.5;cursor:not-allowed}.paymentMethodBtn svg{color:var(--primary);flex-shrink:0}.paymentMethodBtn span:nth-child(2){font-weight:600;flex:1}.paymentMethodDesc{font-size:12px;color:var(--text-secondary)}.statsGrid{display:grid;gap:16px}.statCard{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius)}.statCard.gradient{background:linear-gradient(135deg,var(--primary),var(--accent));border:none;color:#fff}.statCard.gradient .statLabel{color:#fffc}.statCard.gradient .statValue{color:#fff}.statIcon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);background:var(--bg-tertiary);color:var(--primary)}.statIcon.success{background:#22c55e1a;color:var(--success)}.statIcon.warning{background:#f59e0b1a;color:var(--warning)}.statIcon.error{background:#ef44441a;color:var(--error)}.statCard.gradient .statIcon{background:#fff3;color:#fff}.statContent{display:flex;flex-direction:column}.statLabel{font-size:13px;color:var(--text-secondary)}.statValue{font-size:24px;font-weight:700;color:var(--text)}.cardHeader{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--stroke)}.cardHeader h3{margin:0;font-size:16px;font-weight:600}.pageHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.pageHeader h1{font-size:24px;font-weight:700;margin:0 0 4px}.pageHeader p{margin:0}.billingTable{width:100%;border-collapse:collapse}.billingTable th,.billingTable td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--stroke)}.billingTable th{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);background:var(--bg-secondary)}.billingTable td{font-size:14px}.billingTable tr:hover td{background:var(--bg-hover)}.productsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.productCard{display:flex;flex-direction:column;padding:24px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);transition:var(--transition)}.productCard:hover{border-color:var(--primary);transform:translateY(-2px)}.productHeader{display:flex;align-items:center;gap:16px;margin-bottom:16px}.productIcon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius);color:var(--primary)}.productName{font-size:18px;font-weight:700;color:var(--text);margin-bottom:4px}.productCategory{font-size:13px;color:var(--text-secondary)}.productDesc{font-size:14px;color:var(--text-secondary);margin-bottom:16px;line-height:1.5;flex:1}.productSpecs{display:flex;flex-wrap:wrap;gap:12px;padding:16px 0;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);margin-bottom:16px}.productSpec{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.productSpec svg{color:var(--primary)}.productPricing{display:flex;justify-content:space-between;align-items:center}.productPrice{display:flex;align-items:baseline;gap:4px}.priceAmount{font-size:28px;font-weight:700;color:var(--text)}.pricePeriod{font-size:14px;color:var(--text-secondary)}.billingCycleToggle{display:flex;background:var(--bg-secondary);border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden}.billingCycleToggle button{padding:8px 16px;background:transparent;border:none;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:6px}.billingCycleToggle button:hover{background:var(--bg-hover);color:var(--text)}.billingCycleToggle button.active{background:var(--primary);color:#fff}.billingCycleToggle .discount{font-size:10px;padding:2px 6px;background:#22c55e33;color:var(--success);border-radius:4px}.billingCycleToggle button.active .discount{background:#fff3;color:#fff}.cartItems{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.cartItem{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-radius:var(--radius)}.cartItemInfo{display:flex;flex-direction:column;gap:2px}.cartItemName{font-weight:500;color:var(--text)}.cartItemPrice{font-size:13px;color:var(--text-secondary)}.cartItemActions{display:flex;align-items:center;gap:8px}.cartItemQty{min-width:24px;text-align:center;font-weight:600;color:var(--text)}.couponSection{display:flex;gap:8px;margin-bottom:20px}.orderSummary{border-top:1px solid var(--stroke);padding-top:16px}.summaryRow{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:var(--text)}.summaryRow.discount{color:var(--success)}.summaryRow.total{font-size:18px;font-weight:700;border-top:1px solid var(--stroke);margin-top:8px;padding-top:16px}.orderNumber{font-family:var(--font-mono);padding:4px 8px;background:var(--bg-secondary);border-radius:4px;font-size:13px}.orderDetailGrid{display:flex;flex-direction:column;gap:12px}.orderDetailRow{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--stroke)}.orderDetailRow:last-child{border-bottom:none}.orderDetailLabel{font-size:14px;color:var(--text-secondary)}.orderDetailRow.total{font-weight:700}.textBold{font-weight:600}.capitalize{text-transform:capitalize}.subscriptionGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:16px}.subscriptionCard{background:var(--bg-secondary);border:1px solid var(--stroke);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:16px}.subscriptionHeader{display:flex;justify-content:space-between;align-items:flex-start}.subscriptionHeader h4{font-size:16px;font-weight:600;color:var(--text);margin:0}.subscriptionServer{font-size:13px;color:var(--text-secondary)}.subscriptionDetails{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.subscriptionDetail{display:flex;flex-direction:column;gap:4px}.subscriptionDetail .label{font-size:12px;color:var(--text-secondary)}.subscriptionDetail .value{font-size:14px;font-weight:500;color:var(--text);display:flex;align-items:center;gap:4px}.subscriptionActions{border-top:1px solid var(--stroke);padding-top:12px;display:flex;justify-content:flex-end}.couponCode{padding:4px 10px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);border-radius:4px;font-weight:600;font-size:13px;color:#fff;letter-spacing:.5px}.discountBadge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--success-bg);color:var(--success);border-radius:4px;font-weight:500;font-size:13px}.productName{display:flex;align-items:center;gap:8px}.productName .name{font-weight:500;color:var(--text)}.featuredBadge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;color:#fff}.gameBadge{padding:4px 8px;background:var(--bg-hover);border-radius:4px;font-size:12px;font-weight:500;color:var(--text);text-transform:capitalize}.specsBadge{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.specsBadge svg{color:var(--text-muted)}.checkboxRow{display:flex;align-items:center;gap:20px;padding:12px 0}.checkboxLabel{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text)}.emptyRow{text-align:center;padding:40px 20px!important;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px}.amount{font-weight:600;font-family:var(--font-mono);color:var(--text)}.connectionInfoContent{display:flex;flex-direction:column;gap:12px}.connectionInfoRow{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--stroke);border-radius:var(--radius)}.connectionInfoLabel{color:var(--text-secondary);font-size:13px;font-weight:500}.connectionInfoValue{color:var(--text);font-size:14px;font-weight:500}.connectionInfoValue.mono{font-family:var(--font-mono);background:var(--bg-hover);padding:4px 8px;border-radius:4px}.connectionInfoActions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--stroke)}.resellerPortal{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);--portal-primary: var(--reseller-primary, #3B82F6);--portal-secondary: var(--reseller-secondary, #1E40AF)}.resellerHeader{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--bg-card);border-bottom:1px solid var(--stroke);gap:24px}.resellerBrand{display:flex;align-items:center;gap:12px;color:var(--portal-primary)}.resellerLogo{height:32px;width:auto}.resellerCompanyName{font-size:18px;font-weight:600;color:var(--text)}.resellerNav{display:flex;gap:8px}.resellerNav button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.resellerNav button:hover{background:var(--bg-hover);color:var(--text)}.resellerNav button.active{background:var(--portal-primary);color:#fff}.resellerHeaderRight{display:flex;align-items:center;gap:16px}.resellerHeaderRight a{text-decoration:none}.resellerTier{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--portal-primary);color:#fff;border-radius:20px;font-size:12px;font-weight:600}.resellerContent{flex:1;padding:24px;max-width:1400px;margin:0 auto;width:100%}.resellerDashboard h1{margin-bottom:24px;color:var(--text)}.resellerQuickActions{display:flex;gap:12px;margin-top:24px}.resellerFooter{padding:16px 24px;text-align:center;background:var(--bg-card);border-top:1px solid var(--stroke);color:var(--text-secondary);font-size:12px}.resellerFooter strong{color:var(--portal-primary)}.resellerAttribution{margin-top:24px;padding:16px;text-align:center;color:var(--text-secondary);font-size:12px;border-top:1px solid var(--stroke)}.customerPortal{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.customerHeader{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--bg-card);border-bottom:1px solid var(--stroke);gap:24px}.customerBrand{display:flex;align-items:center;gap:12px;color:var(--accent)}.customerBrand span{font-size:18px;font-weight:600;color:var(--text)}.customerNav{display:flex;gap:8px}.customerNav button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.customerNav button:hover{background:var(--bg-hover);color:var(--text)}.customerNav button.active{background:var(--accent);color:#fff}.customerHeaderRight{display:flex;align-items:center;gap:12px}.customerHeaderRight a{text-decoration:none}.customerContent{flex:1;padding:24px;max-width:1200px;margin:0 auto;width:100%}.customerServers h2,.customerBackups h2,.customerBilling h2,.customerProfile h2{margin-bottom:24px;color:var(--text)}.serverCardsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.serverCard{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);padding:20px}.serverCardHeader{display:flex;align-items:center;gap:12px;margin-bottom:16px}.serverCardHeader .serverName{flex:1;font-weight:600;color:var(--text)}.serverCardDetails{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;font-size:13px;color:var(--text-secondary)}.serverCardDetails div{display:flex;align-items:center;gap:8px}.serverCardActions{display:flex;gap:8px;padding-top:16px;border-top:1px solid var(--stroke)}.customerFooter{padding:16px 24px;text-align:center;background:var(--bg-card);border-top:1px solid var(--stroke);color:var(--text-secondary);font-size:12px}.customerFooter strong{color:var(--accent)}.portalAccessDenied{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);color:var(--text);text-align:center;padding:24px}.portalAccessDenied svg{color:var(--accent);margin-bottom:16px}.portalAccessDenied h2{margin-bottom:8px;font-size:24px}.portalAccessDenied p{color:var(--text-secondary);margin-bottom:24px;max-width:400px}.aiChatFab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:28px;background:linear-gradient(135deg,var(--primary),var(--purple));border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #6366f166;transition:all .3s ease;z-index:1000}.aiChatFab:hover{transform:scale(1.05);box-shadow:0 6px 28px #6366f180}.aiChatFab.open{background:var(--bg-card);color:var(--text);box-shadow:var(--shadow)}.aiChatPanel{position:fixed;bottom:92px;right:24px;width:380px;max-height:520px;background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;z-index:999;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.aiChatHeader{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--stroke);background:var(--bg-tertiary)}.aiChatTitle{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px}.aiChatTitle svg{color:var(--primary)}.aiChatHeaderActions{display:flex;gap:4px}.aiChatMessages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:300px;max-height:350px}.aiChatWelcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;flex:1}.aiChatWelcome svg{color:var(--primary);margin-bottom:16px;opacity:.5}.aiChatWelcome h3{font-size:18px;margin-bottom:8px}.aiChatWelcome p{color:var(--text-secondary);margin-bottom:16px;font-size:14px}.suggestedQuestions{display:flex;flex-direction:column;gap:8px;width:100%}.suggestedQuestions button{background:var(--bg-hover);border:1px solid var(--stroke);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;color:var(--text);text-align:left;cursor:pointer;transition:all .2s ease}.suggestedQuestions button:hover{background:var(--bg-active);border-color:var(--primary)}.aiChatMessage{display:flex;gap:10px;align-items:flex-start}.aiChatMessage.user{flex-direction:row-reverse}.messageAvatar{width:28px;height:28px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.aiChatMessage.user .messageAvatar{background:var(--primary);color:#fff}.aiChatMessage.assistant .messageAvatar{background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff}.messageContent{max-width:75%}.messageText{display:inline-block;padding:10px 14px;border-radius:var(--radius);font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.aiChatMessage.user .messageText{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.aiChatMessage.assistant .messageText{background:var(--bg-tertiary);color:var(--text);border-bottom-left-radius:4px}.messageText.typing{display:flex;gap:4px;padding:14px 18px}.messageText.typing span{width:8px;height:8px;border-radius:50%;background:var(--text-secondary);animation:bounce 1.4s infinite ease-in-out both}.messageText.typing span:nth-child(1){animation-delay:-.32s}.messageText.typing span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.aiChatInput{display:flex;gap:8px;padding:12px;border-top:1px solid var(--stroke);background:var(--bg-tertiary)}.aiChatInput textarea{flex:1;resize:none;border:1px solid var(--stroke);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);padding:10px 12px;font-size:14px;font-family:var(--font);min-height:40px;max-height:100px}.aiChatInput textarea:focus{outline:none;border-color:var(--primary)}.aiChatInput button{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.aiChatSessions{padding:12px;max-height:400px;overflow-y:auto}.sessionsList{display:flex;flex-direction:column;gap:8px}.sessionItem{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border:1px solid var(--stroke);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.sessionItem:hover{background:var(--bg-hover);border-color:var(--primary)}.sessionItem.active{background:var(--bg-active);border-color:var(--primary)}.sessionInfo{display:flex;flex-direction:column;gap:2px;overflow:hidden}.sessionTitle{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sessionMeta{font-size:12px;color:var(--text-secondary)}.headerActions{display:flex;align-items:center;gap:12px}.checkboxLabel{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);cursor:pointer}.checkboxLabel input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.userCell,.deviceCell,.browserCell,.actionCell,.resourceCell{display:flex;align-items:center;gap:8px}.browserCell,.resourceCell{flex-direction:column;align-items:flex-start;gap:2px}.ipAddress{font-family:var(--font-mono);font-size:12px;padding:2px 6px;background:var(--bg-tertiary);border-radius:4px}.ipAddress.small{font-size:11px}.highlighted{background:var(--bg-active)!important}.nowrap{white-space:nowrap}.filtersBar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:16px;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--stroke)}.filterInput{min-width:160px;padding:8px 12px;border:1px solid var(--stroke);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text);font-size:14px}.filterInput:focus{outline:none;border-color:var(--primary)}.filterSelect{min-width:140px;padding:8px 12px;border:1px solid var(--stroke);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text);font-size:14px;cursor:pointer}.filterSelect:focus{outline:none;border-color:var(--primary)}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;border-top:1px solid var(--stroke)}.pageInfo{padding:0 12px;font-size:14px;color:var(--text-secondary)}.topActionsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:16px}.topActionItem{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.actionName{font-size:13px;font-weight:500}.actionCount{font-size:14px;font-weight:600;color:var(--primary)}button.tiny{padding:4px 8px;font-size:12px}.green{color:var(--success)}.red{color:var(--error)}.blue{color:var(--info)}.amber{color:var(--warning)}.purple{color:var(--purple)}.progressCell{display:flex;align-items:center;gap:10px}.progressCell span{font-size:13px;font-weight:500;color:var(--text-secondary);min-width:35px}.progressBar{flex:1;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;min-width:80px}.progressBar.small{height:6px;min-width:60px}.progressFill{height:100%;background:linear-gradient(90deg,var(--primary),var(--purple));border-radius:4px;transition:width .3s ease}.nodePortStats{margin-bottom:24px}.nodePortStats h3{font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:12px}.nodeStatsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.nodeStatCard{background:var(--bg-card);border:1px solid var(--stroke);border-radius:var(--radius);padding:14px}.nodeStatHeader{display:flex;align-items:center;gap:8px;font-weight:500;margin-bottom:10px}.nodeStatHeader svg{color:var(--primary)}.nodeStatProgress{display:flex;flex-direction:column;gap:6px}.progressText{font-size:12px;color:var(--text-secondary)}.usageCell{display:flex;align-items:center;gap:10px}.usageCell span{font-size:13px;color:var(--text-secondary);min-width:60px}code.port{font-size:14px;font-weight:600;padding:4px 8px;background:var(--bg-tertiary);border-radius:4px;color:var(--primary)}.tabBar{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--stroke);padding-bottom:8px}.tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tab:hover{background:var(--bg-hover);color:var(--text)}.tab.active{background:var(--bg-active);color:var(--primary)}.formRow{display:grid;grid-template-columns:1fr 1fr;gap:16px}.toggleBtn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.toggleBtn.on{color:#22c55e}.toggleBtn.off{color:var(--text-muted)}@media (max-width: 768px){.sidebar{position:fixed;z-index:100;left:-260px;top:0;bottom:0;transition:left .3s ease;width:260px!important}.sidebar.mobileOpen{left:0;box-shadow:4px 0 24px #00000080}.mainContent{margin-left:0!important;width:100%!important}.pageHeader{flex-direction:column;gap:12px;align-items:flex-start!important}.pageHeader h1{font-size:20px}.formRow{grid-template-columns:1fr}.table-container{overflow-x:auto}.table{min-width:640px}.card{padding:12px!important}.statsGrid{grid-template-columns:1fr 1fr!important}.modal{width:95vw!important;max-width:95vw!important;margin:16px auto!important}.fullscreenPanel{padding:0}.nodeGrid,.serverGrid{grid-template-columns:1fr!important}.topbar{padding:8px 12px}.topbar .search{display:none}.topbar .mobileMenuBtn{display:flex!important}}@media (max-width: 480px){.statsGrid{grid-template-columns:1fr!important}.pageContainer{padding:12px!important}.primarySmall,.secondarySmall{font-size:12px;padding:6px 10px}}:root{--bg0:#060a13;--bg1:#090f1f;--card:rgba(16,24,39,.55);--card2:rgba(17,25,40,.72);--stroke:rgba(255,255,255,.08);--stroke2:rgba(255,255,255,.12);--text:#eaf0ff;--muted:rgba(234,240,255,.65);--muted2:rgba(234,240,255,.45);--shadow:0 20px 60px rgba(0,0,0,.55);--r16:16px;--r20:20px;--grad: linear-gradient(90deg, #5b6cff 0%, #36c2ff 40%, #22c55e 100%)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Liberation Sans;color:var(--text);background:radial-gradient(900px 520px at 10% 10%,rgba(91,108,255,.3),transparent 60%),radial-gradient(900px 520px at 90% 20%,rgba(34,197,94,.22),transparent 60%),radial-gradient(900px 520px at 70% 90%,rgba(54,194,255,.2),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1))}a{color:inherit}button,input,select{font:inherit}.appShell{display:flex;min-height:100vh}.sidebar{width:270px;padding:18px 14px;background:#080c16b3;border-right:1px solid var(--stroke);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;height:100vh}.brandRow{display:flex;align-items:center;gap:12px;padding:10px 10px 14px;margin-bottom:8px}.brandLogo{width:34px;height:34px;border-radius:10px;display:block;box-shadow:0 10px 24px #00000059}.brandText{display:flex;flex-direction:column;line-height:1.1}.brandName{font-weight:700;letter-spacing:.2px}.brandTag{font-size:12px;color:var(--muted2);margin-top:4px}.navGroup{display:flex;flex-direction:column;gap:6px;padding:10px}.navItem{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;transition:.15s ease;text-align:left}.navItem:hover{background:#ffffff0d;color:var(--text);border-color:#ffffff0f}.navItem.active{background:#5b6cff29;border-color:#5b6cff40;color:var(--text)}.navIcon{display:inline-flex;opacity:.95}.navLabel{font-size:14px;font-weight:600}.sidebarFooter{position:absolute;bottom:14px;left:14px;right:14px;padding:0 10px}.pill{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;border:1px solid var(--stroke);background:#ffffff0a;color:var(--muted)}.pillDot{width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 4px #22c55e24}.pillText{font-size:12px}.main{flex:1;padding:18px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid var(--stroke);border-radius:var(--r16);background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.crumb{font-weight:700;letter-spacing:.2px}.topbarRight{display:flex;align-items:center;gap:10px}.select{padding:8px 10px;border-radius:12px;border:1px solid var(--stroke);background:#0003;color:var(--text);outline:none}.select:focus{border-color:#36c2ff59}.iconBtn{width:36px;height:36px;border-radius:12px;border:1px solid var(--stroke);background:#ffffff0a;color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s ease}.iconBtn:hover{background:#ffffff12;border-color:var(--stroke2)}.primarySmall{display:flex;align-items:center;gap:8px;padding:9px 12px;border:0;border-radius:12px;background:var(--grad);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 18px 34px #00000059}.primarySmall:hover{filter:brightness(1.05)}.page{margin-top:14px}.pageHeader{display:flex;align-items:flex-end;justify-content:space-between;margin:12px 2px}.h1{font-size:22px;font-weight:800}.muted{color:var(--muted);font-size:13px;margin-top:4px}.pageActions{display:flex;gap:10px}.ghost{padding:9px 12px;border-radius:12px;border:1px solid var(--stroke);background:#ffffff0a;color:var(--text);cursor:pointer}.ghost:hover{background:#ffffff12;border-color:var(--stroke2)}.ghost:disabled{opacity:.55;cursor:not-allowed}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}@media (max-width: 1100px){.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.sidebar{display:none}.main{padding:12px}.grid4,.grid2{grid-template-columns:1fr}}.card{border-radius:var(--r16);border:1px solid var(--stroke);background:var(--card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.cardTop{display:flex;justify-content:space-between;gap:10px;padding:16px}.cardTitle{font-size:11px;letter-spacing:.12em;color:var(--muted);font-weight:800}.cardValue{font-size:26px;font-weight:900;margin-top:6px}.cardSub{margin-top:6px;color:var(--muted);font-size:12px}.cardIconWrap{width:38px;height:38px;border-radius:14px;border:1px solid var(--stroke);background:#ffffff0a;display:flex;align-items:center;justify-content:center}.cardIcon{opacity:.95}.pillGreen{display:inline-flex;padding:4px 10px;border-radius:999px;background:#22c55e24;color:#aaffd2f2;border:1px solid rgba(34,197,94,.22);font-weight:700;font-size:12px}.chartCard{padding:16px}.chartTitle{font-weight:800;color:var(--text);font-size:13px}.chartBody{margin-top:10px;color:#5b6cfff2}.ramTint{color:#22c55ef2}.tableWrap{overflow:auto;border-radius:14px;border:1px solid var(--stroke);background:#00000026}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap}.table th{text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--muted);text-align:left}.table td{color:#eaf0ffe0}.toast{position:fixed;right:18px;bottom:18px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0a0e18db;box-shadow:var(--shadow);color:var(--text);cursor:pointer;max-width:520px}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:18px;z-index:50}.modalCard{width:min(980px,100%);border-radius:18px;border:1px solid var(--stroke);background:#0a0e18e0;box-shadow:var(--shadow);padding:16px}.modalHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:14px}.modalTitle{font-size:18px;font-weight:900}.modalSub{color:var(--muted);font-size:13px;margin-top:4px}.modalGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modalSection{border:1px solid rgba(255,255,255,.08);background:#ffffff08;border-radius:16px;padding:14px}.modalSectionTitle{font-weight:900;letter-spacing:.2px}.modalActions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}@media (max-width: 900px){.modalGrid{grid-template-columns:1fr}}.pillYellow{display:inline-flex;padding:4px 10px;border-radius:999px;background:#eab30824;color:#fde047f2;border:1px solid rgba(234,179,8,.22);font-weight:700;font-size:12px}.pillRed{display:inline-flex;padding:4px 10px;border-radius:999px;background:#ef444424;color:#fecacaf2;border:1px solid rgba(239,68,68,.22);font-weight:700;font-size:12px}.pillBlue{display:inline-flex;padding:4px 10px;border-radius:999px;background:#3b82f624;color:#bfdbfef2;border:1px solid rgba(59,130,246,.22);font-weight:700;font-size:12px}.fileItem{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:.15s ease;color:var(--muted)}.fileItem:hover{background:#ffffff0f;color:var(--text)}.fileItem.active{background:#5b6cff29;color:var(--text)}.brandMark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#5b6cfff2,#22c55ebf);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;color:#fff;box-shadow:0 10px 24px #5b6cff40}.gp-logo{width:40px;height:40px;border-radius:12px}pre{margin:0;white-space:pre-wrap;word-break:break-word}code{background:#00000040;padding:2px 6px;border-radius:6px;font-size:12px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}@media (max-width: 1100px){.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.grid3{grid-template-columns:1fr}}