.landing-page{min-height:100vh;background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.02),transparent),var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#fff}.landing-header{text-align:center;margin-bottom:4rem}.landing-header h1{font-size:3rem;margin:0 0 1rem;background:linear-gradient(135deg,var(--primary),var(--primary-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-header p{font-size:1.25rem;color:#fffc;margin:0}.panel-selection{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;max-width:1200px;width:100%}.panel-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;cursor:pointer;transition:all .4s ease}.panel-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d;border-color:#fff3}.admin-panel:hover{border-color:rgba(var(--admin-accent-rgb),.5);box-shadow:0 20px 40px rgba(var(--admin-accent-rgb),.12)}.user-panel:hover{border-color:rgba(var(--user-accent-rgb),.5);box-shadow:0 20px 40px rgba(var(--user-accent-rgb),.12)}.panel-icon{display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin:0 auto 2rem;border-radius:20px}.admin-panel .panel-icon{background:linear-gradient(135deg,rgba(var(--admin-accent-rgb),.12),rgba(var(--admin-accent-rgb),.08));color:var(--admin-accent)}.user-panel .panel-icon{background:linear-gradient(135deg,rgba(var(--user-accent-rgb),.12),rgba(var(--user-accent-rgb),.08));color:var(--user-accent)}.panel-card h2{margin:0 0 1rem;font-size:2rem;text-align:center}.panel-card>p{text-align:center;color:#ffffffb3;margin-bottom:2rem;font-size:1.1rem}.panel-card ul{list-style:none;padding:0;margin:0 0 2rem}.panel-card li{padding:.75rem 0;color:#fffc;display:flex;align-items:center;gap:.5rem}.panel-card li:before{content:"";color:var(--primary);font-weight:700;font-size:1.2rem}.user-panel li:before{color:var(--user-accent)}.panel-btn{width:100%;padding:1rem 2rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease}.admin-panel .panel-btn{background:linear-gradient(135deg,var(--admin-accent),var(--primary-600));color:#fff}.user-panel .panel-btn{background:linear-gradient(135deg,var(--user-accent),var(--primary-600));color:#fff}.panel-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.landing-footer{margin-top:4rem;text-align:center;color:#ffffff80}.landing-footer p{margin:0;font-size:.9rem}@media (max-width: 968px){.panel-selection{grid-template-columns:1fr;gap:2rem}.landing-header h1{font-size:2rem}.panel-card{padding:2rem}.panel-icon{width:80px;height:80px}.panel-icon svg{width:48px;height:48px}}.theme-float{position:fixed;right:18px;bottom:18px;z-index:20010}.theme-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;cursor:pointer;background:var(--card-bg);border:1px solid var(--glass-border);color:var(--text)}.theme-dropdown{margin-top:8px;background:var(--card-bg);border:1px solid var(--glass-border);padding:8px;border-radius:10px;box-shadow:0 8px 32px #00000059;min-width:180px}.theme-btn svg{color:rgba(var(--primary-rgb),.12)}.theme-item .theme-check{color:var(--primary)}.theme-btn-label{font-size:.85rem}.theme-item-body{flex:1 1 0%}.theme-item-title{font-weight:600;font-size:.92rem}.theme-item-sub{font-size:.75rem;color:#fff9}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg, linear-gradient(135deg, #1e3a8a 0%, #312e81 100%));background-image:linear-gradient(135deg,rgba(var(--primary-rgb, 30,58,138),.06),rgba(var(--primary-rgb, 30,58,138),.02));padding:2rem}.login-container{width:100%;max-width:420px;background:var(--card-bg, rgba(255,255,255,.05));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border, rgba(255,255,255,.08));border-radius:20px;padding:2.5rem;box-shadow:0 20px 40px #00000038}.login-theme-switcher{position:absolute;right:2.75rem;top:2.75rem;pointer-events:auto}.login-page{position:relative}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{margin:0 0 .5rem;font-size:2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p{margin:0;color:var(--text-secondary, rgba(255,255,255,.7));font-size:1.1rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.error-message{padding:1rem;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;text-align:center}.form-group label{display:flex;align-items:center;gap:.5rem;color:#ffffffe6;font-weight:500;font-size:.9rem}.form-group input{padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--primary);background:#ffffff14;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.login-btn{margin-top:.5rem;padding:1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-600) 100%);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-footer{margin-top:1.5rem;text-align:center}.login-footer a{color:#ffffffb3;text-decoration:none;font-size:.9rem;transition:color .3s ease}.login-footer a:hover{color:#fff}.demo-credentials{margin-top:1.5rem;padding:1rem;background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.3);border-radius:8px;text-align:center}.demo-credentials p{margin:0;color:#fffc;font-size:.85rem}.demo-credentials strong{color:var(--primary)}@media (max-width: 480px){.login-page{padding:1rem}.login-container{padding:2rem 1.5rem}.login-header h1{font-size:1.75rem}}.dashboard-layout{display:flex;height:100vh;overflow:hidden;background:#0d0b26}.sidebar{width:280px;background:#100e2e;border-right:1px solid rgba(99,102,241,.2);display:flex;flex-direction:column;position:fixed;left:0;top:0;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .3s ease}.sidebar-open{transform:translate(0)}.sidebar-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:600;font-size:1.1rem}.brand svg{color:var(--primary);filter:drop-shadow(0 0 8px rgba(var(--primary-rgb),.3))}.sidebar-toggle{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease}.sidebar-toggle:hover{color:#fff;background:#ffffff1a}.user-info-section{padding:10px 14px;margin:8px 10px;border-radius:10px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.15),rgba(var(--primary-rgb),.12));border:1px solid rgba(var(--primary-rgb),.3);display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-600));display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.user-details{flex:1;min-width:0}.user-name{font-size:.95rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.8rem;color:#fff9;margin-top:2px}.connection-status-sidebar{padding:8px 14px;margin:0 10px 6px;border-radius:8px;background:#6366f10f;border:1px solid rgba(99,102,241,.15)}.status-indicator{display:flex;align-items:center;gap:10px;font-size:.85rem}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 10px currentColor;flex-shrink:0}.status-indicator.connecting .status-dot{background:#fbbf24;color:#fbbf24}.status-indicator.connected .status-dot{background:#10b981;color:#10b981}.status-indicator.error .status-dot{background:#ef4444;color:#ef4444}.status-text{color:#ffffffe6;font-weight:600}.sidebar-nav{flex:1;padding:10px 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;margin:4px 12px;color:#ffffffb3;text-decoration:none;transition:all .3s ease;position:relative;border-radius:10px;font-weight:500}.nav-item:hover{background:#ffffff14;color:#fffffff2;transform:translate(4px)}.nav-item-active{background:linear-gradient(135deg,rgba(var(--primary-rgb),.2),rgba(var(--primary-rgb),.15));color:var(--primary);border-left:3px solid var(--primary);font-weight:600}.nav-item-active:hover{transform:translate(0)}.nav-label{font-size:.9rem;flex:1}.nav-badge{background:#fbbf2433;color:#fbbf24;font-size:.75rem;padding:2px 6px;border-radius:10px;margin-left:auto}.sidebar-footer{padding:20px;border-top:1px solid rgba(99,102,241,.2);background:#100e2e;display:flex;flex-direction:column;gap:12px}.server-info{display:flex;flex-direction:column;gap:4px}.server-detail{color:#fff9}.server-detail small{font-size:.8rem}.logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:rgba(var(--danger-rgb, 239,68,68),.08);border:1px solid rgba(var(--danger-rgb, 239,68,68),.22);border-radius:8px;color:var(--danger, #ef4444);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background:rgba(var(--danger-rgb, 239,68,68),.16);border-color:rgba(var(--danger-rgb, 239,68,68),.4);color:rgba(var(--danger-rgb, 239,68,68),1);transform:translateY(-1px)}.logout-btn:active{transform:translateY(0)}.main-content{flex:1;display:flex;flex-direction:column;margin-left:0}.top-bar{background:#100e2e;border-bottom:1px solid rgba(99,102,241,.2);padding:15px 25px;display:flex;align-items:center;justify-content:space-between;color:#fff;position:sticky;top:0;z-index:100}.top-bar-left{display:flex;align-items:center;gap:15px}.breadcrumbs{display:flex;align-items:center;gap:8px}.breadcrumb-item{color:#ffffffb3;text-decoration:none;font-size:.9rem;padding:4px 8px;border-radius:4px;transition:all .3s ease}.breadcrumb-item:hover{color:#fff;background:#ffffff1a}.breadcrumb-current{color:var(--primary)!important;font-weight:500}.breadcrumb-separator{color:#fff6}.connection-badge{display:flex;align-items:center;gap:6px;font-size:.85rem;padding:6px 12px;border-radius:20px;font-weight:500}.connection-badge.connected{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.connection-badge.connecting{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.connection-badge.error{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.connection-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.page-content{flex:1;padding:1.25rem 1.5rem;overflow-y:auto;background:#0d0b26;width:100%;box-sizing:border-box}.mobile-only{display:none}.desktop-hidden{display:block}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;display:none}@media (min-width: 1024px){.sidebar{position:relative;transform:translate(0)}.main-content{margin-left:0}.desktop-hidden{display:none}.page-content{padding:2rem 2.5rem}}@media (min-width: 1400px){.page-content{padding:2rem 3rem}}@media (max-width: 1023px){.mobile-only,.sidebar-overlay{display:block}.brand-text{display:none}.sidebar{width:260px}.breadcrumbs{display:none}}@media (max-width: 768px){.top-bar{padding:12px 15px}.page-content{padding:1.5rem}.nav-label{font-size:.85rem}.sidebar{width:240px}}@media (max-width: 480px){.page-content{padding:1rem}.top-bar{padding:10px 12px}.connection-badge{font-size:.8rem;padding:4px 8px}}.dashboard-page{display:flex;flex-direction:column;gap:1.5rem;padding:0;width:100%;max-width:100%;box-sizing:border-box}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.page-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.page-title h1{margin:0}.server-info-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:.75rem;color:#10b981;font-size:.875rem;font-weight:500}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:2rem}.stats-section h2,.system-section h2,.quick-actions-section h2,.activity-section h2{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;width:100%;box-sizing:border-box}.dashboard-card{padding:1.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;transition:all .3s ease}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:#fff3}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-icon{padding:.75rem;background:rgba(var(--admin-accent-rgb, 79,70,229),.08);border:1px solid rgba(var(--admin-accent-rgb, 79,70,229),.18);border-radius:.75rem;color:var(--admin-accent, #6366f1)}.card-icon svg{color:currentColor;stroke:currentColor}.card-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.card-footer{display:flex;justify-content:space-between;align-items:center}.card-title{font-size:.875rem;color:var(--text-secondary);font-weight:500}.card-change{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:.5rem}.card-change.positive{color:#10b981;background:#10b9811a}.card-change.negative{color:#ef4444;background:#ef44441a}.card-change.neutral{color:var(--text-secondary);background:#9ca3af1a}.system-stats{padding:1.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:1rem}.system-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.system-status-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.resource-meters{display:grid;gap:1rem}.resource-meter{display:flex;flex-direction:column;gap:.5rem}.meter-header{display:flex;justify-content:space-between;align-items:center}.meter-label{font-size:.875rem;color:var(--text-secondary)}.meter-value{font-size:.875rem;font-weight:600;color:var(--text-primary)}.meter-bar{height:.5rem;background:#ffffff1a;border-radius:.25rem;overflow:hidden}.meter-fill{height:100%;transition:width .3s ease;border-radius:.25rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.quick-action-btn:hover{transform:translateY(-2px);background:#ffffff14;border-color:#fff3;box-shadow:0 4px 15px #0000001a}.quick-action-btn:active{transform:translateY(0)}.activity-list{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:.5rem;transition:background-color .2s ease}.activity-item:hover{background:#ffffff0d}.activity-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:rgba(var(--admin-accent-rgb, 79,70,229),.08);border:1px solid rgba(var(--admin-accent-rgb, 79,70,229),.18);border-radius:.5rem;color:var(--admin-accent, #6366f1)}.activity-icon svg{color:currentColor;stroke:currentColor}.quick-action-btn svg{color:currentColor}.activity-content{flex:1}.activity-title{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.activity-time{font-size:.75rem;color:var(--text-secondary)}@media (min-width: 768px){.dashboard-grid{grid-template-columns:2fr 1fr;grid-template-areas:"stats system" "actions activity"}.stats-section{grid-area:stats}.system-section{grid-area:system}.quick-actions-section{grid-area:actions}.activity-section{grid-area:activity}}@media (min-width: 1200px){.dashboard-grid{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"stats stats system" "actions activity activity"}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (min-width: 1400px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.meter-fill.color-0{background:rgba(var(--primary-rgb),.9)}.meter-fill.color-1{background:rgba(var(--user-accent-rgb,16,185,129),.9)}.meter-fill.color-2{background:#f59e0bf2}.meter-fill.color-3{background:#3b82f6f2}.services-section{background:var(--surface, rgba(255,255,255,.03));border:1px solid rgba(99,102,241,.13);border-radius:12px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.65rem}.services-section-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.services-section-title{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:var(--text-primary, #e2e8f0)}.services-section-title svg{color:#818cf8;flex-shrink:0}.svc-summary-pill{font-size:.7rem;font-weight:600;padding:.15rem .55rem;border-radius:20px}.svc-summary-pill.running{background:#22c55e1f;color:#86efac;border:1px solid rgba(34,197,94,.22)}.svc-summary-pill.stopped{background:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.22)}.svc-manage-link{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;color:#818cf8;background:none;border:none;cursor:pointer;padding:.2rem .4rem;border-radius:6px;transition:background .15s,color .15s;white-space:nowrap}.svc-manage-link:hover{background:#6366f11f;color:#a5b4fc}.services-list{display:flex;flex-direction:column;gap:.3rem}.svc-row{display:flex;align-items:center;gap:.6rem;padding:.45rem .7rem;border-radius:8px;background:#ffffff06;border-left:3px solid transparent;transition:background .15s}.svc-row:hover{background:#ffffff0d}.svc-row.svc-running{border-left-color:#22c55e}.svc-row.svc-stopped{border-left-color:#ef4444}.svc-row.svc-failed{border-left-color:#f59e0b}.svc-pulse{width:7px;height:7px;border-radius:50%;flex-shrink:0}.svc-pulse.svc-running{background:#22c55e;box-shadow:0 0 #22c55e99;animation:svc-pulse 2s infinite}.svc-pulse.svc-stopped{background:#ef4444}.svc-pulse.svc-failed{background:#f59e0b}@keyframes svc-pulse{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 5px #22c55e00}to{box-shadow:0 0 #22c55e00}}.svc-name{font-size:.8rem;font-weight:600;color:var(--text-primary, #e2e8f0);white-space:nowrap;min-width:100px}.svc-desc{font-size:.72rem;color:var(--text-muted, #64748b);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.svc-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.svc-mem{font-size:.7rem;color:var(--text-secondary, rgba(241,245,249,.55));white-space:nowrap}.svc-state-badge{font-size:.68rem;font-weight:600;padding:.1rem .45rem;border-radius:20px;text-transform:capitalize;white-space:nowrap}.svc-state-badge.svc-running{background:#22c55e1f;color:#86efac}.svc-state-badge.svc-stopped{background:#ef44441a;color:#fca5a5}.svc-state-badge.svc-failed{background:#f59e0b1f;color:#fde68a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{position:relative;max-width:500px;width:90%;max-height:90vh;overflow:auto;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 8px 32px #0006;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;z-index:1}.modal-close:hover{background:#fff3;transform:rotate(90deg)}.modal-content{padding:2rem}.modal-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem;text-align:center}.modal-icon{animation:iconPop .4s ease-out}@keyframes iconPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.modal-icon.success{color:#10b981;filter:drop-shadow(0 0 10px rgba(16,185,129,.5))}.modal-icon.error{color:#ef4444;filter:drop-shadow(0 0 10px rgba(239,68,68,.5))}.modal-icon.warning{color:#f59e0b;filter:drop-shadow(0 0 10px rgba(245,158,11,.5))}.modal-icon.info{color:var(--primary);filter:drop-shadow(0 0 10px rgba(var(--primary-rgb),.5))}.modal-title{margin:0;font-size:1.5rem;color:#fff;font-weight:600}.modal-body{margin-bottom:2rem;color:#ffffffe6;line-height:1.6;text-align:center}.modal-body p{margin:0;font-size:1rem}.modal-body ul{text-align:left;margin:1rem 0;padding-left:1.5rem}.modal-body li{margin:.5rem 0}.modal-footer{display:flex;gap:1rem;justify-content:center}.modal-btn{padding:.75rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px}.modal-btn-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.modal-btn-secondary:hover{background:#ffffff26;transform:translateY(-2px)}.modal-btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-600) 100%);color:#fff;box-shadow:0 4px 15px rgba(var(--primary-rgb),.4)}.modal-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.6)}.modal-btn-primary.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98166}.modal-btn-primary.success:hover{box-shadow:0 6px 20px #10b98199}.modal-btn-primary.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef444466}.modal-btn-primary.error:hover{box-shadow:0 6px 20px #ef444499}@media (max-width: 768px){.modal-container{width:95%;max-width:none}.modal-content{padding:1.5rem}.modal-title{font-size:1.25rem}.modal-footer{flex-direction:column-reverse}.modal-btn{width:100%}}@media (max-width: 480px){.modal-content{padding:1rem}.modal-icon{width:40px;height:40px}.modal-title{font-size:1.1rem}.modal-body{font-size:.9rem}}.users-page{padding:2rem;max-width:1400px;margin:0 auto}.header-content{display:flex;align-items:center;gap:1rem;flex:1}.debug-btn{background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.3);color:var(--primary);padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-right:.5rem}.debug-btn:hover{background:rgba(var(--primary-rgb),.2);transform:scale(1.05)}.create-user-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-600) 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.create-user-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.4)}.create-user-btn:disabled{opacity:.7;cursor:not-allowed}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;margin:2rem 0}.loading-state p,.empty-state p{color:#ffffffb3;margin:1rem 0 0}.empty-icon{width:3rem;height:3rem;color:#fff6;margin-bottom:1rem}.error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:1rem 1.5rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.error-banner p{color:#ef4444;margin:0;font-weight:500}.error-banner button{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.error-banner button:hover{background:#dc2626}.create-user-form{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;margin-bottom:2rem}.create-user-form h3{margin:0 0 1.5rem;font-size:1.5rem;color:#ffffffe6}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#ffffffe6;margin-bottom:.5rem;font-size:.9rem}.form-group input,.form-group select{padding:.75rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.form-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.form-actions button:first-child{background:#ffffff1a;color:#fffc}.form-actions button:first-child:hover{background:#fff3}.form-actions button:last-child{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-600) 100%);color:#fff;box-shadow:0 4px 15px rgba(var(--primary-rgb),.3)}.form-actions button:last-child:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.4)}.form-actions button:disabled{opacity:.7;cursor:not-allowed;transform:none}.edit-form{display:flex;flex-direction:column;gap:1.5rem}.edit-form .form-group{margin-bottom:0}.edit-form .form-actions{margin-top:1rem}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.user-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;transition:all .3s ease}.user-card:hover{border-color:#fff3;transform:translateY(-2px)}.user-card.suspended{border-left:4px solid #f59e0b;background:#f59e0b0d}.user-card.disabled{border-left:4px solid #ef4444;background:#ef44440d}.user-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.user-info h3{margin:0 0 .5rem;font-size:1.25rem;color:#ffffffe6}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.user-menu-wrap{position:relative}.menu-trigger{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.menu-trigger:hover:not(:disabled){background:#ffffff26;color:#fff}.user-dropdown{position:fixed;background:#1a1835;border:1px solid rgba(99,102,241,.3);border-radius:10px;padding:.35rem;min-width:170px;z-index:9000;list-style:none;margin:0;box-shadow:0 8px 24px #00000080}.user-dropdown li{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:7px;font-size:.875rem;color:#ffffffd9;cursor:pointer;transition:background .12s ease;white-space:nowrap}.user-dropdown li:hover{background:#6366f126;color:#fff}.user-dropdown li.danger{color:#f87171}.user-dropdown li.danger:hover{background:#ef444426;color:#ef4444}.user-dropdown li.divider{height:1px;background:#ffffff14;padding:0;margin:.25rem 0;cursor:default;pointer-events:none}.user-details{display:grid;gap:.5rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.detail-row:last-child{border-bottom:none}.detail-row .label{font-weight:600;color:#ffffffb3;font-size:.9rem}.detail-row .value{color:#ffffffe6;font-family:Courier New,monospace;font-size:.9rem}@media (max-width: 768px){.users-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.users-grid,.form-grid{grid-template-columns:1fr}.user-header{flex-direction:column;gap:1rem}.user-actions{align-self:flex-end}.detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}}.users-table-container{background:#ffffff1a;border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.users-table{width:100%;border-collapse:collapse;color:#fff}.users-table th{background:#ffffff1a;padding:1rem;text-align:left;font-weight:600;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.2)}.users-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);font-size:.9rem}.users-table tbody tr:hover{background:#ffffff0d}.table-actions{display:flex;justify-content:flex-end}.edit-user-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.edit-user-modal .modal-content{background:#ffffff1a;border-radius:16px;padding:2rem;max-width:800px;width:95%;max-height:90vh;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #0000004d}.edit-user-modal h3{margin:0 0 1.5rem;color:#fff;font-size:1.5rem}.edit-notice{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.edit-notice p{margin:.5rem 0;color:#f59e0b;font-size:.9rem}.user-info-display{margin-bottom:2rem}.info-section h4{color:#fff;margin:0 0 1rem;font-size:1.1rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.info-grid>div{background:#ffffff0d;padding:.75rem;border-radius:8px;font-size:.9rem}info-grid strong{color:var(--primary)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.modal-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-actions button:first-child{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.modal-actions button:first-child:hover{background:#fff3}.primary-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-600) 100%);color:#fff}.primary-btn:hover:not(:disabled){transform:scale(1.05)}.primary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.edit-user-page{padding:2rem 0}.edit-form-container{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;max-width:1200px;margin:0 auto}.form-sections{display:flex;flex-direction:column;gap:2rem}.form-section{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem}.form-section h3{margin:0 0 1.5rem;color:#fff;font-size:1.2rem;font-weight:600;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.full-width{grid-column:1 / -1}.back-btn{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.back-btn:hover{background:#fff3;transform:translate(-2px)}.edit-user-page{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0003}.edit-user-page form,.form-sections{display:flex;flex-direction:column;gap:2rem}.form-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem}.form-section h3{margin:0 0 1.5rem;font-size:1.25rem;color:#ffffffe6;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.75rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.form-actions button{padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%;justify-content:center}}.domains-page{padding:2rem;max-width:1400px;margin:0 auto;color:#fff}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:1rem}.page-header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.search-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;width:1rem;height:1rem;color:#ffffff80;pointer-events:none}.search-input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem .75rem .5rem 2.5rem;color:#fff;font-size:.9rem;min-width:200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.search-input::placeholder{color:#ffffff80}.view-toggle{display:flex;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-btn{background:none;border:none;padding:.5rem;color:#ffffffb3;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.view-btn:hover{background:#ffffff1a;color:#fff}.view-btn.active{background:var(--primary);color:#fff}.view-btn svg{width:1.2rem;height:1.2rem}.page-title{display:flex;align-items:center;gap:1rem;flex:1}.page-title h1{margin:0;font-size:2rem;font-weight:700}.page-title svg{width:3rem;height:3rem;color:#ffffffe6}.page-icon{width:3rem;height:3rem}.btn-icon-svg{width:1.25rem;height:1.25rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:1rem;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.page-content-inner{display:flex;flex-direction:column;gap:2rem}.domains-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;box-sizing:border-box}.stat-card{padding:1.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:#fff3}.stat-icon{padding:.75rem;background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.3);border-radius:.75rem;color:rgba(var(--primary-rgb),.45);width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-value{font-size:2rem;font-weight:700;color:#fff;margin:0}.stat-label{font-size:.875rem;color:#fff9;font-weight:500;margin:0}.domains-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.domain-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.domain-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:#fff3}.domain-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.domain-card-title{display:flex;align-items:center;gap:.5rem;flex:1}.domain-card-title h3{margin:0;font-size:1.1rem;font-weight:600;color:#fff;word-break:break-word}.domain-card-body{display:flex;flex-direction:column;gap:.75rem}.domain-info-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.info-label{color:#fff9;font-weight:500}.domain-card-actions{display:flex;gap:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.loading-state,.empty-state{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:#fff9}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-state svg{color:#ffffff4d}.domains-table-container{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden}.domains-table{width:100%;border-collapse:collapse;table-layout:fixed}.domains-table thead{background:#ffffff0d}.domains-table th{padding:.875rem 1rem;text-align:left;color:#fffc;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.1)}.domains-table th:nth-child(1){width:30%}.domains-table th:nth-child(2){width:12%}.domains-table th:nth-child(3){width:12%}.domains-table th:nth-child(4){width:13%}.domains-table th:nth-child(5){width:13%}.domains-table th:nth-child(6){width:20%}.domains-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.domains-table tbody tr:hover{background:#ffffff0d}.domains-table td{padding:.875rem 1rem;color:#ffffffe6;white-space:nowrap}.domains-table td:last-child{width:auto}.domain-name{display:flex;align-items:center;gap:.5rem;font-weight:500}.external-link{opacity:.5;cursor:pointer;transition:opacity .3s ease;width:.875rem;height:.875rem}.external-link:hover{opacity:1}.ssl-icon{width:1rem;height:1rem}.action-icon{width:1rem;height:1rem;flex-shrink:0}.status-badge{padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#fff;white-space:nowrap;display:inline-block}.status-active{background:#10b9812e;color:#10b981;border:1px solid rgba(16,185,129,.28)}.status-suspended{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.18)}.status-pending{background:#6b72801f;color:#6b7280;border:1px solid rgba(107,114,128,.18)}.loading-cell{text-align:center;padding:2rem;vertical-align:middle;color:#ffffffb3}.loading-spinner{margin:0 auto;display:block}.loading-text{margin-top:1rem}.owner-badge{background:rgba(var(--primary-rgb),.2);color:rgba(var(--primary-rgb),.5);padding:.375rem .75rem;border-radius:8px;font-size:.85rem;font-weight:500;border:1px solid rgba(var(--primary-rgb),.3);display:inline-block;white-space:nowrap}.ssl-enabled{display:flex;align-items:center;gap:.375rem;color:#10b981;font-weight:500}.ssl-disabled{color:#ffffff80}.action-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:flex-start;align-items:center}.btn-icon{padding:.375rem;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2);width:32px;height:32px;min-width:32px;flex-shrink:0}.btn-icon:hover{background:#ffffff26;transform:translateY(-2px);color:#fff}.btn-danger{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef44444d;border-color:#ef444480;color:#ff6b6b}.table-actions .action-btn.suspend{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.table-actions .action-btn.resume{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}@media (max-width: 900px){.domains-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.domains-page{padding:1rem}.page-header{flex-direction:column;align-items:stretch}.page-header-actions{width:100%;justify-content:stretch}.page-header-actions .btn{flex:1}.page-content-inner{gap:1.5rem}.stat-card{padding:1.25rem}.domains-table-container{overflow-x:auto}.domains-table{min-width:800px}}@media (max-width: 600px){.domains-stats{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1rem}}@media (max-width: 480px){.domains-page{padding:.75rem}.page-header{gap:.75rem}.page-title h1{font-size:1.5rem}.page-title svg,.page-icon{width:2.5rem;height:2.5rem}.stat-value{font-size:1.75rem}.stat-label{font-size:.813rem}.page-header-actions{flex-direction:column;gap:.5rem}.page-header-actions .btn{width:100%}.btn{padding:.625rem 1rem;font-size:.9rem}.domains-table{min-width:700px}}.domain-php-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-family:monospace;padding:.2rem .55rem;border-radius:6px;cursor:pointer;background:#6366f126;color:#a5b4fc;border:1px solid rgba(99,102,241,.3);transition:all .15s;white-space:nowrap}.domain-php-badge:hover{background:#6366f147;border-color:#6366f180;box-shadow:0 0 0 2px #6366f126}.domain-php-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000}.domain-php-dialog{background:#1a1740;border:1px solid rgba(99,102,241,.25);border-radius:14px;padding:2rem;max-width:380px;width:90%;text-align:center}.domain-php-dlg-icon{color:#818cf8;margin-bottom:.6rem}.domain-php-dialog h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 .3rem}.domain-php-dlg-name{font-family:monospace;font-size:.9rem;color:#a5b4fc;margin:0 0 1rem}.domain-php-select-wrap{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.25rem}.domain-php-opt{padding:.4rem .85rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid rgba(99,102,241,.25);background:#6366f114;color:var(--text-secondary);transition:all .15s}.domain-php-opt:hover{background:#6366f12e;color:#a5b4fc}.domain-php-opt.selected{background:#6366f140;border-color:#6366f180;color:#a5b4fc}.domain-php-dlg-actions{display:flex;gap:.75rem;justify-content:center}.create-domain-page{padding:2rem;max-width:1400px;margin:0 auto;color:#fff}.back-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.625rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem;margin-bottom:1.5rem}.header-title h1{margin:0;font-size:2rem;font-weight:700}.form-container{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem}.form-section{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1.5rem}.section-title{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:#fffffff2;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.form-group label{font-size:.9rem;font-weight:500;color:#ffffffe6}.form-group input,.form-group select,.form-group textarea{background:#0000004d;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.75rem;border-radius:6px;font-size:.95rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:rgba(var(--primary-rgb),.6);background:#0006;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.form-hint{font-size:.8rem;color:#fff9;margin-top:.25rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.95rem;color:#ffffffe6;padding:.75rem;background:#ffffff0d;border-radius:6px;transition:all .2s ease}.checkbox-label:hover{background:#ffffff14}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;border:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-600));color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px rgba(var(--primary-rgb),.3)}.btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.create-domain-page{padding:1rem}.form-container{padding:1.5rem}.form-section{padding:1rem}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn{width:100%;justify-content:center}.page-icon{width:2rem;height:2rem}.header-title h1{font-size:1.5rem}}@media (max-width: 480px){.section-title{font-size:1.1rem}.form-group label{font-size:.85rem}}.edit-domain-page{padding:2rem;max-width:1200px;margin:0 auto}.back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem;margin-bottom:1.5rem}.back-btn:hover{background:#ffffff26;transform:translate(-4px)}.header-title{display:flex;align-items:center;gap:1rem}.page-icon{width:2.5rem;height:2.5rem;color:var(--primary)}.header-title h1{margin:0;font-size:2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-container{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:2rem}.domain-form{display:flex;flex-direction:column;gap:2rem}.form-section{display:flex;flex-direction:column;gap:1.5rem}.section-title{margin:0;font-size:1.25rem;color:#fff;padding-bottom:.75rem;border-bottom:2px solid rgba(var(--primary-rgb),.3)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{color:#ffffffe6;font-weight:500;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.95rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);background:#ffffff14;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.form-group input.disabled-input{background:#ffffff08;cursor:not-allowed;opacity:.6}.form-group textarea{min-height:100px;resize:vertical;font-family:inherit}.form-hint{color:#fff9;font-size:.85rem}.form-hint.indented{display:block;margin-top:.25rem;margin-left:1.75rem}.note-warning{color:#f59e0b}.btn-link-small{margin-left:1rem;font-size:.85rem}.results-panel{text-align:left}.results-list{margin:1rem 0;padding-left:1.5rem}.results-item{margin:.5rem 0}.results-summary{margin-top:1rem;padding:1rem;background:#ffffff0d;border-radius:8px}.monospace-textarea{font-family:monospace;font-size:.85rem}.form-options{display:flex;flex-direction:column;gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s ease}.checkbox-label:hover{background:#ffffff14;border-color:rgba(var(--primary-rgb),.3)}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary)}.checkbox-label span{color:#fff;font-size:.95rem}.ssl-certificate-fields{margin-top:1.5rem;padding:1.5rem;background:rgba(var(--primary-rgb),.05);border:1px solid rgba(var(--primary-rgb),.2);border-radius:12px;display:flex;flex-direction:column;gap:1.5rem}.subsection-title{margin:0;font-size:1rem;color:var(--primary);font-weight:600}.btn-link{background:none;border:none;color:var(--primary);cursor:pointer;text-decoration:underline;font-size:.85rem;padding:0;transition:color .3s ease}.btn-link:hover{color:var(--primary-600)}.btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover:not(:disabled){background:#ffffff26}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-600) 100%);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:#fff}@media (max-width: 768px){.edit-domain-page{padding:1rem}.form-container{padding:1.5rem}.form-grid{grid-template-columns:1fr}.header-title h1{font-size:1.5rem}.form-actions{flex-direction:column-reverse}.btn{width:100%;justify-content:center}}@media (max-width: 480px){.edit-domain-page{padding:.75rem}.form-container{padding:1rem}.page-icon{width:2rem;height:2rem}.header-title h1{font-size:1.25rem}}.websites-page{padding:2rem;color:#fff}.ws-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.ws-title{display:flex;align-items:center;gap:.875rem;color:#a5b4fce6}.ws-title h1{margin:0;font-size:1.6rem;font-weight:700;color:#fff}.ws-title p{margin:.15rem 0 0;font-size:.85rem;color:#ffffff80}.ws-header-actions{display:flex;align-items:center;gap:.75rem}.ws-search{display:flex;align-items:center;gap:.5rem;background:#ffffff0f;border:1px solid rgba(99,102,241,.25);border-radius:8px;padding:.45rem .75rem;color:#ffffff80}.ws-search input{background:none;border:none;outline:none;color:#fff;font-size:.875rem;width:200px}.ws-search input::placeholder{color:#ffffff59}.ws-refresh{background:#ffffff0f;border:1px solid rgba(99,102,241,.25);border-radius:8px;color:#fff9;padding:.45rem .6rem;cursor:pointer;display:flex;align-items:center;transition:background .15s}.ws-refresh:hover{background:#ffffff1a}.ws-refresh:disabled{opacity:.5;cursor:not-allowed}.ws-stats{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.ws-stat{background:#ffffff0a;border:1px solid rgba(99,102,241,.18);border-radius:10px;padding:.75rem 1.25rem;display:flex;flex-direction:column;align-items:center;min-width:90px}.ws-stat-val{font-size:1.5rem;font-weight:700;color:#fff}.ws-stat-lbl{font-size:.75rem;color:#ffffff73;text-transform:uppercase;letter-spacing:.04em}.ws-table-wrap{background:#ffffff08;border:1px solid rgba(99,102,241,.2);border-radius:12px;overflow:hidden}.ws-table{width:100%;border-collapse:collapse;font-size:.875rem}.ws-table thead tr{background:#ffffff0d;border-bottom:1px solid rgba(99,102,241,.2)}.ws-table th{padding:.875rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#a5b4fcb3}.ws-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s}.ws-table tbody tr:last-child{border-bottom:none}.ws-table tbody tr:hover{background:#ffffff0a}.ws-table tbody tr.row-suspended{opacity:.6}.ws-table td{padding:.875rem 1rem;color:#ffffffd9;vertical-align:middle}.ws-center{text-align:center;padding:3rem!important;color:#ffffff4d}.ws-domain{display:flex;align-items:center;gap:.5rem}.ws-domain-icon{color:#6366f1b3}.ws-owner{background:#6366f11f;border:1px solid rgba(99,102,241,.25);border-radius:5px;padding:.2rem .55rem;font-size:.78rem;color:#a5b4fce6}.ws-muted{color:#fff6;font-size:.82rem}.ws-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600}.ws-badge.active{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.ws-badge.suspended{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.ws-badge.ssl{background:#6366f126;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.ws-badge.no-ssl{background:#ffffff0f;color:#fff6;border:1px solid rgba(255,255,255,.1)}.ws-actions{width:40px;text-align:right}.site-menu-wrap{display:flex;justify-content:flex-end}.menu-trigger{background:none;border:none;color:#fff6;cursor:pointer;padding:.3rem;border-radius:6px;display:flex;align-items:center;transition:color .15s,background .15s}.menu-trigger:hover{color:#fff;background:#ffffff14}.menu-trigger:disabled{opacity:.5;cursor:not-allowed}.site-dropdown{position:fixed;z-index:9000;background:#1a1835;border:1px solid rgba(99,102,241,.3);border-radius:10px;padding:.4rem;list-style:none;margin:0;min-width:160px;box-shadow:0 8px 32px #00000080}.site-dropdown li{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;border-radius:6px;font-size:.85rem;color:#ffffffbf;cursor:pointer;transition:background .12s,color .12s;white-space:nowrap}.site-dropdown li:hover{background:#ffffff12;color:#fff}.site-dropdown li.danger{color:#f87171}.site-dropdown li.danger:hover{background:#ef44441a;color:#fca5a5}.site-dropdown li.divider{height:1px;background:#ffffff14;padding:0;cursor:default;pointer-events:none}.ws-php-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-family:monospace;padding:.15rem .45rem;border-radius:6px;background:#6366f11f;color:#a5b4fc;border:1px solid rgba(99,102,241,.2)}.ws-php-btn{cursor:pointer;transition:background .15s,box-shadow .15s}.ws-php-btn:hover{background:#6366f138;box-shadow:0 0 0 2px #6366f159}.ws-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000}.ws-php-dialog{background:#1a1740;border:1px solid rgba(99,102,241,.25);border-radius:14px;padding:2rem;max-width:380px;width:90%;text-align:center}.ws-php-dlg-icon{color:#818cf8;margin-bottom:.6rem}.ws-php-dialog h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 .3rem}.ws-php-dlg-domain{font-family:monospace;font-size:.9rem;color:#a5b4fc;margin:0 0 1rem}.ws-php-select-wrap{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.25rem}.ws-php-opt{padding:.4rem .85rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid rgba(99,102,241,.25);background:#6366f114;color:var(--text-secondary);transition:all .15s}.ws-php-opt:hover{background:#6366f12e;color:#a5b4fc}.ws-php-opt.selected{background:#6366f140;border-color:#6366f180;color:#a5b4fc}.ws-php-dlg-actions{display:flex;gap:.75rem;justify-content:center}.ws-btn-pri{display:inline-flex;align-items:center;gap:.35rem;padding:.48rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;background:#6366f133;border:1px solid rgba(99,102,241,.4);color:#a5b4fc}.ws-btn-pri:hover:not(:disabled){background:#6366f14d}.ws-btn-pri:disabled{opacity:.5;cursor:not-allowed}.ws-btn-sec{display:inline-flex;align-items:center;gap:.35rem;padding:.48rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary)}.ws-btn-sec:hover{background:#ffffff17}.fm-root{display:flex;height:calc(100vh - 120px);min-height:500px;background:#ffffff05;border:1px solid rgba(99,102,241,.2);border-radius:12px;overflow:hidden}.fm-root.fm-split .fm-browser{flex:0 0 55%;border-right:1px solid rgba(99,102,241,.2)}.fm-root.fm-split .fm-editor-pane{flex:1}.fm-browser{flex:1;display:flex;flex-direction:column;overflow:hidden}.fm-toolbar{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;background:#ffffff0a;border-bottom:1px solid rgba(99,102,241,.15);flex-wrap:wrap}.fm-breadcrumbs{display:flex;align-items:center;gap:.2rem;flex:1;min-width:0;overflow:hidden}.fm-back{background:none;border:none;color:#ffffff80;cursor:pointer;padding:.3rem;border-radius:5px;display:flex;align-items:center;transition:color .15s,background .15s}.fm-back:hover{color:#fff;background:#ffffff14}.fm-bc-item{display:flex;align-items:center}.fm-bc-sep{color:#ffffff40;margin:0 .1rem}.fm-bc-btn{background:none;border:none;color:#ffffff8c;cursor:pointer;padding:.25rem .4rem;border-radius:5px;font-size:.82rem;display:flex;align-items:center;gap:.25rem;white-space:nowrap;transition:color .15s,background .15s}.fm-bc-btn:hover{color:#fff;background:#ffffff14}.fm-bc-btn.active{color:#fff}.fm-toolbar-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.fm-user-select{background:#6366f11f;border:1px solid rgba(99,102,241,.3);border-radius:7px;color:#a5b4fc;padding:.3rem .6rem;font-size:.82rem;cursor:pointer;outline:none}.fm-btn{display:flex;align-items:center;gap:.35rem;background:#ffffff0f;border:1px solid rgba(99,102,241,.22);border-radius:7px;color:#ffffffb3;padding:.32rem .65rem;font-size:.8rem;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.fm-btn:hover{background:#ffffff1a;color:#fff}.fm-btn-icon{padding:.32rem .5rem}.fm-view-toggle{display:flex;border:1px solid rgba(99,102,241,.22);border-radius:7px;overflow:hidden}.fm-view-toggle button{background:none;border:none;color:#fff6;cursor:pointer;padding:.32rem .5rem;display:flex;align-items:center;transition:background .15s,color .15s}.fm-view-toggle button:hover{color:#fff;background:#ffffff0f}.fm-view-toggle button.active{color:#a5b4fc;background:#6366f12e}.fm-new-folder-form{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;background:#6366f114;border-bottom:1px solid rgba(99,102,241,.2);color:#a5b4fccc}.fm-new-folder-form input{flex:1;background:#ffffff12;border:1px solid rgba(99,102,241,.3);border-radius:6px;color:#fff;padding:.3rem .6rem;font-size:.875rem;outline:none}.fm-new-folder-form button{background:#6366f133;border:1px solid rgba(99,102,241,.4);border-radius:6px;color:#a5b4fc;padding:.3rem .7rem;font-size:.82rem;cursor:pointer;display:flex;align-items:center;transition:background .15s}.fm-new-folder-form button:hover{background:#6366f14d}.fm-loading,.fm-empty,.fm-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:#ffffff59;flex:1}.fm-error{color:#f87171}.fm-list{flex:1;overflow-y:auto;font-size:.855rem}.fm-list-header{display:grid;grid-template-columns:1fr 80px 160px 60px 36px;padding:.45rem 1rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06);color:#a5b4fc99;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;position:sticky;top:0;z-index:1}.fm-row{display:grid;grid-template-columns:1fr 80px 160px 60px 36px;align-items:center;padding:.42rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);transition:background .12s;cursor:default}.fm-row:hover{background:#ffffff0a}.fm-row.fm-row-active{background:#6366f11f}.fm-col-name{display:flex;align-items:center;gap:.5rem;min-width:0}.fm-name-btn{background:none;border:none;color:#ffffffd9;cursor:pointer;font-size:.855rem;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;max-width:100%}.fm-name-btn:hover{color:#fff;text-decoration:underline}.fm-dir-name{color:#a5b4fc}.fm-dir-name:hover{color:#c7d2fe}.fm-col-size{color:#ffffff73}.fm-col-date{color:#fff6;font-size:.78rem}.fm-col-perm{color:#ffffff59;font-size:.75rem;font-family:monospace}.fm-col-actions{display:flex;justify-content:flex-end}.fm-muted{color:#fff6}.fm-mono{font-family:monospace}.fm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem;padding:1rem;overflow-y:auto;flex:1;align-content:start}.fm-grid-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem .5rem .5rem;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:background .12s,border-color .12s;position:relative}.fm-grid-item:hover{background:#ffffff0f;border-color:#6366f133}.fm-grid-item.fm-grid-item-active{background:#6366f11f;border-color:#6366f166}.fm-grid-icon{display:flex;align-items:center;justify-content:center}.fm-grid-name{font-size:.76rem;color:#fffc;text-align:center;word-break:break-all;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fm-grid-actions{position:absolute;top:4px;right:4px;opacity:0;transition:opacity .15s}.fm-grid-item:hover .fm-grid-actions{opacity:1}.fm-rename-input{background:#6366f126;border:1px solid rgba(99,102,241,.5);border-radius:5px;color:#fff;padding:.15rem .4rem;font-size:.855rem;outline:none;min-width:120px}.fm-rename-grid{text-align:center;max-width:90px;font-size:.75rem}.fm-menu-btn{background:none;border:none;color:#ffffff59;cursor:pointer;padding:.2rem;border-radius:5px;display:flex;align-items:center;transition:color .12s,background .12s}.fm-menu-btn:hover{color:#fff;background:#ffffff14}.fm-ctx-menu{position:fixed;z-index:9000;background:#1a1835;border:1px solid rgba(99,102,241,.3);border-radius:9px;padding:.35rem;list-style:none;margin:0;min-width:150px;box-shadow:0 8px 32px #00000080}.fm-ctx-menu li{display:flex;align-items:center;gap:.5rem;padding:.5rem .65rem;border-radius:6px;font-size:.83rem;color:#ffffffbf;cursor:pointer;transition:background .1s,color .1s;white-space:nowrap}.fm-ctx-menu li:hover{background:#ffffff12;color:#fff}.fm-ctx-menu li.danger{color:#f87171}.fm-ctx-menu li.danger:hover{background:#ef44441a}.fm-icon-dir{color:#fbbf24}.fm-icon-img{color:#34d399}.fm-icon-zip{color:#f97316}.fm-icon-code{color:#60a5fa}.fm-icon-cfg{color:#a78bfa}.fm-icon-db{color:#f472b6}.fm-icon-txt{color:#ffffff80}.fm-icon-def{color:#ffffff59}.fm-editor-pane{display:flex;flex-direction:column;background:#0d0b26;min-width:0}.fm-editor-header{display:flex;align-items:center;justify-content:space-between;padding:.55rem .875rem;background:#ffffff0a;border-bottom:1px solid rgba(99,102,241,.2);gap:.75rem}.fm-editor-title{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.85rem;min-width:0;overflow:hidden}.fm-editor-title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fm-dirty-dot{width:7px;height:7px;border-radius:50%;background:#f59e0b;flex-shrink:0}.fm-editor-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.fm-editor-btn{display:flex;align-items:center;gap:.35rem;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:7px;color:#a5b4fc;padding:.3rem .65rem;font-size:.8rem;cursor:pointer;transition:background .15s}.fm-editor-btn:hover{background:#6366f140}.fm-editor-btn:disabled{opacity:.45;cursor:not-allowed}.fm-editor-close{background:#ffffff0d;border-color:#ffffff1a;color:#ffffff80;padding:.3rem .4rem}.fm-editor-close:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}.fm-editor-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;flex:1;color:#ffffff59}.fm-editor-area{flex:1;background:#0a0820;border:none;color:#e2e8f0;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.82rem;line-height:1.6;padding:1rem;resize:none;outline:none;overflow-y:auto;-moz-tab-size:2;tab-size:2}.fm-spin{animation:fm-spin 1s linear infinite}@keyframes fm-spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.fm-root.fm-split{flex-direction:column}.fm-root.fm-split .fm-browser{flex:0 0 50%;border-right:none;border-bottom:1px solid rgba(99,102,241,.2)}.fm-list-header,.fm-row{grid-template-columns:1fr 70px 36px}.fm-col-date,.fm-col-perm,.fm-toolbar-actions .fm-btn span{display:none}}.fm-page{padding:2rem;color:#fff;display:flex;flex-direction:column;gap:1.25rem;height:calc(100vh - 80px);box-sizing:border-box}.fm-page-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.fm-page-title{display:flex;align-items:center;gap:.875rem;color:#a5b4fce6}.fm-page-title h1{margin:0;font-size:1.6rem;font-weight:700;color:#fff}.fm-page-title p{margin:.15rem 0 0;font-size:.85rem;color:#ffffff80}.services-page{padding:1.5rem;max-width:1400px}.services-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.services-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.services-subtitle{font-size:.85rem;color:var(--text-secondary);margin:0}.count-running{color:#86efac;font-weight:600}.count-stopped{color:#fca5a5;font-weight:600}.header-controls{display:flex;align-items:center;gap:.6rem}.view-toggle{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(99,102,241,.2);border-radius:8px;overflow:hidden}.view-btn{display:flex;align-items:center;justify-content:center;padding:.42rem .65rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.view-btn:hover{background:#6366f11f;color:#a5b4fc}.view-btn.active{background:#6366f133;color:#a5b4fc}.view-btn+.view-btn{border-left:1px solid rgba(99,102,241,.2)}.btn-refresh{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:8px;color:#a5b4fc;font-size:.85rem;cursor:pointer;transition:background .2s;white-space:nowrap}.btn-refresh:hover:not(:disabled){background:#6366f140}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.services-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:.875rem;margin-bottom:1rem}.services-loading{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);padding:2rem;font-size:.95rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.service-card{background:#ffffff08;border:1px solid rgba(99,102,241,.15);border-radius:12px;padding:1.1rem 1.2rem 1rem;display:flex;flex-direction:column;gap:.85rem;transition:border-color .2s,box-shadow .2s}.service-card:hover{border-color:#6366f159;box-shadow:0 4px 20px #0003}.service-card.stopped{border-color:#ef444426;background:#ef444408}.service-card-top{display:flex;align-items:center;gap:.65rem}.service-icon{font-size:1.3rem;flex-shrink:0}.service-name-block{flex:1;min-width:0}.service-name{display:block;font-weight:600;font-size:.95rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-system{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:1px}.service-badge{display:flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:20px;font-size:.72rem;font-weight:600;white-space:nowrap;flex-shrink:0}.badge-running{background:#22c55e26;color:#86efac;border:1px solid rgba(34,197,94,.25)}.badge-stopped{background:#ef44441f;color:#fca5a5;border:1px solid rgba(239,68,68,.25)}.badge-failed{background:#f59e0b1f;color:#fde68a;border:1px solid rgba(245,158,11,.25)}.service-stats{display:flex;gap:1rem;font-size:.78rem;color:var(--text-secondary)}.service-stats strong{color:var(--text-primary);font-weight:600}.service-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.svc-btn{display:flex;align-items:center;gap:.3rem;padding:.32rem .7rem;border-radius:6px;font-size:.78rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .15s,opacity .15s}.svc-btn:disabled{opacity:.35;cursor:not-allowed}.btn-restart{background:#6366f126;border-color:#6366f14d;color:#a5b4fc}.btn-restart:hover:not(:disabled){background:#6366f140}.btn-start{background:#22c55e1f;border-color:#22c55e40;color:#86efac}.btn-start:hover:not(:disabled){background:#22c55e38}.btn-stop{background:#ef44441f;border-color:#ef444440;color:#fca5a5}.btn-stop:hover:not(:disabled){background:#ef444438}.btn-enable{background:#facc151a;border-color:#facc1540;color:#fde68a}.btn-enable:hover:not(:disabled){background:#facc1533}.btn-disable{background:#94a3b814;border-color:#94a3b833;color:#94a3b8}.btn-disable:hover:not(:disabled){background:#94a3b829}.svc-divider{width:1px;height:20px;background:#ffffff14;margin:0 .1rem}.services-toast{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.1rem;border-radius:10px;font-size:.875rem;font-weight:500;z-index:9999;box-shadow:0 8px 32px #0006;animation:toast-in .25s ease}.toast-ok{background:#22c55e33;border:1px solid rgba(34,197,94,.35);color:#86efac}.toast-err{background:#ef444433;border:1px solid rgba(239,68,68,.35);color:#fca5a5}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.services-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid rgba(99,102,241,.15)}.services-table{width:100%;border-collapse:collapse;font-size:.875rem}.services-table thead tr{background:#6366f114;border-bottom:1px solid rgba(99,102,241,.15)}.services-table th{padding:.75rem 1rem;text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);white-space:nowrap}.services-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}.services-table tbody tr:last-child{border-bottom:none}.services-table tbody tr:hover{background:#ffffff08}.services-table tbody tr.tr-running{border-left:3px solid rgba(34,197,94,.5)}.services-table tbody tr.tr-stopped{border-left:3px solid rgba(239,68,68,.4)}.services-table td{padding:.7rem 1rem;color:var(--text-primary);vertical-align:middle}.tbl-name-cell{display:flex;align-items:center;gap:.55rem}.tbl-icon{font-size:1rem;flex-shrink:0}.tbl-svc-name{font-weight:600;white-space:nowrap}.tbl-desc{color:var(--text-secondary);font-size:.82rem}.tbl-num{color:var(--text-secondary);font-size:.82rem;white-space:nowrap}.services-table .service-actions{flex-wrap:nowrap}.services-table .svc-btn{padding:.25rem .55rem;font-size:.73rem}@media (max-width: 600px){.services-page{padding:1rem}.services-grid{grid-template-columns:1fr}.service-actions{gap:.3rem}.svc-btn{padding:.28rem .55rem;font-size:.72rem}.view-toggle{display:none}}.databases-page{padding:2rem;max-width:1400px;margin:0 auto;color:#fff}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-content{display:flex;align-items:center;gap:1rem}.page-icon{width:3rem;height:3rem;color:#ffffffe6}.header-content h1{margin:0;font-size:2rem;font-weight:700}.header-content p{margin:.25rem 0 0;color:#ffffffb3}.header-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;width:1.25rem;height:1.25rem;color:#ffffff80;pointer-events:none}.search-box input{padding:.75rem 1rem .75rem 3rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;min-width:250px;transition:all .3s ease}.search-box input:focus{outline:none;background:#ffffff26;border-color:#4a90e2cc;box-shadow:0 0 0 3px #4a90e21a}.search-box input::placeholder{color:#ffffff80}.view-toggle{display:flex;gap:.5rem;background:#ffffff0d;padding:.25rem;border-radius:8px}.view-btn{padding:.5rem .75rem;background:transparent;border:none;color:#fff9;cursor:pointer;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.view-btn:hover{background:#ffffff1a;color:#ffffffe6}.view-btn.active{background:#ffffff26;color:#fff}.create-database-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-600) 100%);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.create-database-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)}.create-database-btn:disabled{opacity:.5;cursor:not-allowed}.error-banner{background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:12px;padding:1rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.error-banner p{margin:0;color:#fca5a5}.error-banner button{padding:.5rem 1rem;background:#ef44444d;border:1px solid rgba(239,68,68,.5);border-radius:6px;color:#fff;cursor:pointer;transition:all .3s ease}.error-banner button:hover{background:#ef444466}.create-database-form{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 32px #0003}.create-database-form h3{margin:0 0 1.5rem;font-size:1.5rem;color:#ffffffe6}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;color:#fffc;font-weight:500}.form-group input,.form-group select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4a90e2cc;background:#ffffff26;box-shadow:0 0 0 3px #4a90e21a}.form-group select option{background:#1e1e28f2;color:#fff;padding:.5rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.form-actions button{padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.form-actions button[type=button]{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.form-actions button[type=button]:hover{background:#ffffff26}.form-actions button[type=submit]{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-600) 100%);color:#fff}.form-actions button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)}.form-actions button:disabled{opacity:.5;cursor:not-allowed}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.loading-state p{color:#ffffffb3;font-size:1.1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#ffffff08;border-radius:16px;border:1px dashed rgba(255,255,255,.2)}.empty-state svg{color:#ffffff4d;margin-bottom:1rem}.empty-state h2{margin:0 0 .5rem;color:#fffc}.empty-state p{margin:0 0 1.5rem;color:#fff9}.empty-state button{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-600) 100%);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.empty-state button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)}.databases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.database-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.database-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d;border-color:#fff3}.card-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.database-info{display:flex;gap:1rem;align-items:flex-start}.database-icon{width:2.5rem;height:2.5rem;color:var(--user-accent, #10b981);stroke:currentColor;flex-shrink:0}.database-info h3{margin:0;font-size:1.2rem;color:#fffffff2;word-break:break-word}.db-user{margin:.25rem 0 0;font-size:.9rem;color:#fff9}.status-badge{padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#fff;white-space:nowrap}.status-badge.status-active{background:rgba(var(--user-accent-rgb, 16, 185, 129),.15);color:var(--user-accent, #10b981)}.status-badge.status-suspended{background:rgba(var(--admin-accent-rgb, 245, 158, 11),.12);color:var(--admin-accent, #f59e0b)}.status-badge.status-pending{background:#6b72801f;color:#6b7280}.card-body{display:flex;flex-direction:column;gap:.75rem}.db-detail{display:flex;justify-content:space-between;align-items:center;gap:1rem}.db-detail .label{color:#fff9;font-size:.9rem}.db-detail .value{color:#ffffffe6;font-weight:500;text-align:right}.card-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.action-btn{flex:1;padding:.625rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.action-btn.delete{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.action-btn.delete:hover:not(:disabled){background:#ef44444d;border-color:#ef444480;transform:translateY(-2px)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.databases-table-container{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden}.databases-table{width:100%;border-collapse:collapse}.databases-table thead{background:#ffffff0d}.databases-table th{padding:1rem;text-align:left;color:#fffc;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.1)}.databases-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.databases-table tbody tr:hover{background:#ffffff0d}.databases-table td{padding:1rem;color:#ffffffe6}.databases-table td.db-name{font-weight:500;display:flex;align-items:center;gap:.5rem}.databases-table td.actions{display:flex;gap:.5rem}.databases-table .action-btn{padding:.5rem .75rem;flex:none}.spinning{animation:spin 1s linear infinite}@media (max-width: 1200px){.databases-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.databases-page{padding:1.5rem 1rem}.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-direction:column}.search-box input{width:100%;min-width:unset}.view-toggle{width:100%}.create-database-btn{width:100%;justify-content:center}.databases-grid{grid-template-columns:1fr}.databases-table-container{overflow-x:auto}.databases-table{min-width:800px}.form-grid{grid-template-columns:1fr}}.table-actions{display:flex;gap:.5rem;align-items:center}.table-actions .edit-btn{background:rgba(var(--primary-rgb),.2);border:1px solid rgba(var(--primary-rgb),.3);color:var(--primary);padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.table-actions .edit-btn svg{width:16px;height:16px}.table-actions .edit-btn:hover{background:rgba(var(--primary-rgb),.3);transform:scale(1.1)}.table-actions .action-btn{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.table-actions .action-btn svg{width:16px;height:16px;flex-shrink:0}.table-actions .action-btn.delete{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.table-actions .action-btn:hover:not(:disabled){transform:scale(1.1)}.table-actions .action-btn:disabled{opacity:.5;cursor:not-allowed}.api-test-page{padding:2rem;max-width:1200px;margin:0 auto}.test-header{text-align:center;margin-bottom:3rem}.test-header h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.test-header p{color:#ffffffb3;font-size:1.1rem;margin-bottom:2rem}.test-button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-600) 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(var(--primary-rgb),.3)}.test-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--primary-rgb),.4)}.test-button:disabled{opacity:.7;cursor:not-allowed}.test-button .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.test-results{display:grid;gap:1.5rem;margin-bottom:3rem}.empty-state{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:3rem;text-align:center}.empty-state p{color:#fff9;font-size:1.1rem}.test-result{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;transition:all .3s ease}.test-result:hover{border-color:#fff3;transform:translateY(-2px)}.test-result.success{border-left:4px solid #10b981}.test-result.error{border-left:4px solid #ef4444}.test-result.pending{border-left:4px solid #f59e0b}.result-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.result-header h3{font-size:1.25rem;margin:0}.status-icon{width:24px;height:24px;flex-shrink:0}.status-icon.success{color:#10b981}.status-icon.error{color:#ef4444}.status-icon.pending{color:#f59e0b;animation:spin 1s linear infinite}.result-message{color:#fffc;margin-left:2.5rem;margin-bottom:.5rem}.result-data{margin-top:1rem;margin-left:2.5rem}.result-data summary{cursor:pointer;color:rgba(var(--primary-rgb),1);font-weight:500;padding:.5rem;-webkit-user-select:none;user-select:none}.result-data summary:hover{color:rgba(var(--primary-rgb),.9)}.result-data pre{background:#0000004d;padding:1rem;border-radius:8px;overflow-x:auto;overflow-y:auto;margin-top:.5rem;font-size:.875rem;line-height:1.5;max-height:400px;word-wrap:break-word;word-break:break-word;white-space:pre-wrap;max-width:100%;box-sizing:border-box}.test-info{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem}.test-info h3{margin-bottom:1rem;font-size:1.25rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff08;border-radius:8px}.info-item strong{color:#ffffffe6;font-weight:600}.info-item span{color:#ffffffb3;font-family:Courier New,monospace}@media (max-width: 768px){.api-test-page{padding:1rem}.test-header h1{font-size:2rem}.info-grid{grid-template-columns:1fr}.result-message,.result-data{margin-left:0}}.user-dashboard-layout{display:flex;flex-direction:column;min-height:100vh;background:#0d0b26}.impersonation-bar{position:fixed;top:0;left:0;right:0;z-index:10000;display:flex;align-items:center;gap:.75rem;padding:.5rem 1.25rem;background:#3730a3;border-bottom:1px solid rgba(165,180,252,.3);font-size:.875rem;color:#e0e7ff}.impersonation-bar strong{color:#a5b4fc}.impersonation-bar button{margin-left:auto;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:#fff;padding:.3rem .9rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s ease}.impersonation-bar button:hover{background:#fff3}.user-sidebar{width:260px;background:#100e2e;border-right:1px solid rgba(99,102,241,.2);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0}.user-dashboard-layout:has(.impersonation-bar) .user-sidebar{top:37px;height:calc(100vh - 37px)}.user-dashboard-layout:has(.impersonation-bar) .user-main-content{margin-top:37px}.user-sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}user-sidebar-header h2{margin:0 0 .5rem;color:#fff;font-size:1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-name{margin:0;color:#ffffffb3;font-size:.9rem}.user-nav{flex:1;padding:1.5rem 0;overflow-y:auto}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:#ffffffb3;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent}nav-link:hover{background:#ffffff0d;color:#fff;border-left-color:rgba(var(--primary-rgb),.5)}.nav-link.active{background:rgba(var(--primary-rgb),.15);color:#fff;border-left-color:var(--primary)}.nav-link svg{flex-shrink:0;color:currentColor}.user-sidebar-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.logout-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:rgba(var(--user-accent-rgb, 16,185,129),.12);border:1px solid rgba(var(--user-accent-rgb, 16,185,129),.22);border-radius:8px;color:var(--user-accent, #10b981);cursor:pointer;transition:all .3s ease;font-size:1rem}.logout-btn:hover{background:rgba(var(--user-accent-rgb, 16,185,129),.18);border-color:rgba(var(--user-accent-rgb, 16,185,129),.34);transform:translateY(-2px)}.user-main-content{margin-left:260px;flex:1;min-height:100vh;overflow-x:hidden}.user-main-content .page{padding:2rem;color:#fff}.user-main-content .page .page-title h1{font-size:1.75rem}@media (max-width: 768px){.user-sidebar{width:100%;height:auto;position:relative}.user-main-content{margin-left:0}.user-nav{padding:1rem 0}}.user-dashboard-page{padding:2rem;max-width:1400px;margin:0 auto;color:#fff}.page-header{margin-bottom:2rem}.page-header h1{margin:0 0 .5rem;font-size:2rem;color:#fff}.page-header p{margin:0;color:#ffffffb3;font-size:1rem}.header-left{display:flex;align-items:center;gap:1rem;flex:1}.muted{color:#ffffffb3}.user-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d;border-color:#fff3}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{color:currentColor;stroke:currentColor}.stat-icon.primary{background:rgba(var(--primary-rgb),.12);color:var(--primary)}.stat-icon.success{background:rgba(var(--user-accent-rgb),.12);color:var(--user-accent)}.stat-icon.warn{background:#f59e0b1f;color:#f59e0b}.stat-icon.accent{background:rgba(var(--primary-rgb),.08);color:var(--primary-600)}.stat-content{flex:1}.stat-value{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.25rem}.stat-label{color:#ffffffb3;font-size:.9rem}.dashboard-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.dashboard-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem}.dashboard-card h3{margin:0 0 1rem;color:#fff;font-size:1.25rem}.card-content{display:flex;flex-direction:column;gap:.75rem}.domain-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff08;border-radius:8px;color:#ffffffe6}.domain-item svg{flex-shrink:0;color:var(--user-accent, #10b981);stroke:var(--user-accent, #10b981)}.badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;margin-left:auto}.badge-active{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.info-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-label{color:#ffffffb3;font-weight:500}.info-value{color:#fff;font-weight:600}@media (max-width: 768px){.user-dashboard-page{padding:1rem}.user-stats-grid,.dashboard-sections{grid-template-columns:1fr}}.stat-sub{font-size:.7rem;color:var(--text-muted, #64748b);margin-top:2px}.user-email{font-size:.7rem;color:var(--text-muted, #64748b);margin:0}.user-quotas{background:var(--surface, rgba(255,255,255,.04));border:1px solid var(--border, rgba(255,255,255,.08));border-radius:12px;padding:1rem 1.25rem}.user-quotas h3,.user-info-card h3{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted, #94a3b8);margin:0 0 .85rem}.quota-row{margin-bottom:.75rem}.quota-row:last-child{margin-bottom:0}.quota-label{display:flex;justify-content:space-between;font-size:.82rem;color:var(--text, #e2e8f0);margin-bottom:.3rem}.quota-values{color:var(--text-muted, #94a3b8)}.quota-bar{background:#ffffff14;border-radius:4px;height:6px;overflow:hidden}.quota-fill{height:100%;border-radius:4px;transition:width .4s}.user-info-card{background:var(--surface, rgba(255,255,255,.04));border:1px solid var(--border, rgba(255,255,255,.08));border-radius:12px;padding:1rem 1.25rem}.info-rows{display:flex;flex-direction:column;gap:.55rem}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;padding:.3rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-row:last-child{border-bottom:none}.info-row span{color:var(--text-muted, #94a3b8)}.info-row strong{color:var(--text, #e2e8f0)}.udp-php-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-family:monospace;padding:.15rem .45rem;border-radius:6px;background:#6366f11f;color:#a5b4fc;border:1px solid rgba(99,102,241,.2);cursor:pointer;transition:background .15s,box-shadow .15s}.udp-php-badge:hover{background:#6366f138;box-shadow:0 0 0 2px #6366f159}.udp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000}.udp-php-dialog{background:#1a1740;border:1px solid rgba(99,102,241,.25);border-radius:14px;padding:2rem;max-width:380px;width:90%;text-align:center}.udp-php-dlg-icon{color:#818cf8;margin-bottom:.6rem}.udp-php-dialog h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 .3rem}.udp-php-dlg-domain{font-family:monospace;font-size:.9rem;color:#a5b4fc;margin:0 0 1rem}.udp-php-select-wrap{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.25rem}.udp-php-opt{padding:.4rem .85rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid rgba(99,102,241,.25);background:#6366f114;color:var(--text-secondary);transition:all .15s}.udp-php-opt:hover{background:#6366f12e;color:#a5b4fc}.udp-php-opt.selected{background:#6366f14d;color:#a5b4fc;border-color:#6366f199}.udp-php-dlg-actions{display:flex;gap:.75rem;justify-content:center}.user-account-page{padding:2rem;max-width:1400px;margin:0 auto;color:#fff}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.page-header h1{margin:0;font-size:2rem;color:#fff}.account-sections{display:grid;gap:1.5rem}.account-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem}.account-card h3{margin:0 0 1.5rem;color:#fff;font-size:1.25rem}.account-content{color:#ffffffe6}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffffff08;border-radius:8px}.info-icon{color:rgba(var(--primary-rgb),.8);flex-shrink:0}.info-label{color:#fff9;font-size:.85rem;margin-bottom:.25rem}.info-value{color:#fff;font-weight:600;font-size:1rem}.usage-item{margin-bottom:1.5rem}.usage-item:last-child{margin-bottom:0}.usage-header{display:flex;justify-content:space-between;margin-bottom:.5rem;color:#ffffffe6;font-size:.9rem}.usage-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.usage-fill{height:100%;transition:width .3s ease;border-radius:4px}.usage-fill--primary{background:var(--primary)}.usage-fill--success{background:var(--user-accent)}.usage-fill--warn{background:#f59e0b}.usage-fill--accent{background:var(--primary-600)}.password-form{max-width:500px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#ffffffe6;font-weight:500;font-size:.9rem}.form-group input{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.form-group input::placeholder{color:#fff6}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-600) 100%);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)}@media (max-width: 768px){.user-account-page{padding:1rem}.info-grid{grid-template-columns:1fr}}.uws-page{padding:2rem;color:#fff}.uws-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.uws-title{display:flex;align-items:center;gap:.875rem;color:#34d399e6}.uws-title h1{margin:0;font-size:1.6rem;font-weight:700;color:#fff}.uws-title p{margin:.15rem 0 0;font-size:.85rem;color:#ffffff80}.uws-header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.uws-search{display:flex;align-items:center;gap:.5rem;background:#ffffff0f;border:1px solid rgba(16,185,129,.25);border-radius:8px;padding:.45rem .75rem;color:#ffffff80}.uws-search input{background:none;border:none;outline:none;color:#fff;font-size:.875rem;width:180px}.uws-search input::placeholder{color:#ffffff59}.uws-refresh{background:#ffffff0f;border:1px solid rgba(16,185,129,.25);border-radius:8px;color:#fff9;padding:.45rem .6rem;cursor:pointer;display:flex;align-items:center;transition:background .15s}.uws-refresh:hover{background:#ffffff1a}.uws-refresh:disabled{opacity:.5;cursor:not-allowed}.uws-add-btn{display:flex;align-items:center;gap:.4rem;background:#10b98126;border:1px solid rgba(16,185,129,.4);border-radius:8px;color:#34d399;padding:.45rem .9rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.uws-add-btn:hover{background:#10b98138}.uws-add-btn:disabled{opacity:.5;cursor:not-allowed}.uws-add-form{display:flex;align-items:center;gap:.75rem;background:#ffffff0a;border:1px solid rgba(16,185,129,.2);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.25rem;flex-wrap:wrap}.uws-input{background:#ffffff0f;border:1px solid rgba(16,185,129,.3);border-radius:7px;color:#fff;padding:.5rem .875rem;font-size:.9rem;outline:none;min-width:220px}.uws-input:focus{border-color:#10b98199}.uws-input::placeholder{color:#ffffff59}.uws-cancel-btn{background:none;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffff80;padding:.45rem .9rem;font-size:.875rem;cursor:pointer;transition:border-color .15s}.uws-cancel-btn:hover{border-color:#ffffff4d;color:#fff}.uws-stats{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.uws-stat{background:#ffffff0a;border:1px solid rgba(16,185,129,.18);border-radius:10px;padding:.75rem 1.25rem;display:flex;flex-direction:column;align-items:center;min-width:90px}.uws-stat-val{font-size:1.5rem;font-weight:700;color:#fff}.uws-stat-lbl{font-size:.75rem;color:#ffffff73;text-transform:uppercase;letter-spacing:.04em}.uws-table-wrap{background:#ffffff08;border:1px solid rgba(16,185,129,.18);border-radius:12px;overflow:hidden}.uws-table{width:100%;border-collapse:collapse;font-size:.875rem}.uws-table thead tr{background:#ffffff0d;border-bottom:1px solid rgba(16,185,129,.18)}.uws-table th{padding:.875rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#34d399b3}.uws-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s}.uws-table tbody tr:last-child{border-bottom:none}.uws-table tbody tr:hover{background:#ffffff0a}.uws-table tbody tr.row-suspended{opacity:.6}.uws-table td{padding:.875rem 1rem;color:#ffffffd9;vertical-align:middle}.uws-center{text-align:center;padding:3rem!important;color:#ffffff4d}.uws-domain{display:flex;align-items:center;gap:.5rem}.uws-domain-icon{color:#34d399b3}.uws-muted{color:#fff6;font-size:.82rem}.uws-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600}.uws-badge.active{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.uws-badge.suspended{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.uws-badge.ssl{background:#10b98126;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.uws-badge.no-ssl{background:#ffffff0f;color:#fff6;border:1px solid rgba(255,255,255,.1)}.uws-actions{width:40px;text-align:right}.uws-menu-wrap{display:flex;justify-content:flex-end}.uws-trigger{background:none;border:none;color:#fff6;cursor:pointer;padding:.3rem;border-radius:6px;display:flex;align-items:center;transition:color .15s,background .15s}.uws-trigger:hover{color:#fff;background:#ffffff14}.uws-trigger:disabled{opacity:.5;cursor:not-allowed}.uws-dropdown{position:fixed;z-index:9000;background:#1a1835;border:1px solid rgba(16,185,129,.3);border-radius:10px;padding:.4rem;list-style:none;margin:0;min-width:160px;box-shadow:0 8px 32px #00000080}.uws-dropdown li{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;border-radius:6px;font-size:.85rem;color:#ffffffbf;cursor:pointer;transition:background .12s,color .12s;white-space:nowrap}.uws-dropdown li:hover{background:#ffffff12;color:#fff}.uws-dropdown li.danger{color:#f87171}.uws-dropdown li.danger:hover{background:#ef44441a;color:#fca5a5}.uws-dropdown li.divider{height:1px;background:#ffffff14;padding:0;cursor:default;pointer-events:none}.uws-spinning{animation:uws-spin 1s linear infinite}@keyframes uws-spin{to{transform:rotate(360deg)}}.uws-php-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-family:monospace;padding:.15rem .45rem;border-radius:6px;background:#6366f11f;color:#a5b4fc;border:1px solid rgba(99,102,241,.2);cursor:pointer;transition:background .15s,box-shadow .15s}.uws-php-badge:hover{background:#6366f138;box-shadow:0 0 0 2px #6366f159}.uws-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000}.uws-php-dialog{background:#1a1740;border:1px solid rgba(99,102,241,.25);border-radius:14px;padding:2rem;max-width:380px;width:90%;text-align:center}.uws-php-dlg-icon{color:#818cf8;margin-bottom:.6rem}.uws-php-dialog h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 .3rem}.uws-php-dlg-domain{font-family:monospace;font-size:.9rem;color:#a5b4fc;margin:0 0 1rem}.uws-php-select-wrap{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.25rem}.uws-php-opt{padding:.4rem .85rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid rgba(99,102,241,.25);background:#6366f114;color:var(--text-secondary);transition:all .15s}.uws-php-opt:hover{background:#6366f12e;color:#a5b4fc}.uws-php-opt.selected{background:#6366f14d;color:#a5b4fc;border-color:#6366f199}.uws-php-dlg-actions{display:flex;gap:.75rem;justify-content:center}.ufm-page{padding:2rem;color:#fff;display:flex;flex-direction:column;gap:1.25rem;height:calc(100vh - 80px);box-sizing:border-box}.ufm-page-header{display:flex;align-items:center;flex-shrink:0}.ufm-page-title{display:flex;align-items:center;gap:.875rem;color:#34d399e6}.ufm-page-title h1{margin:0;font-size:1.6rem;font-weight:700;color:#fff}.ufm-page-title p{margin:.15rem 0 0;font-size:.85rem;color:#ffffff80}.App{color:#fff;min-height:100vh}div.coming-soon{display:flex;align-items:center;justify-content:center;padding:2rem;font-size:1rem;color:var(--text-secondary);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;margin:1rem 0;text-align:center}.App-header{background:#0003;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;margin:20px;box-shadow:0 8px 32px #0000001a}.App-header h1{margin:0 0 10px;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.connection-status{font-size:1.2rem;font-weight:500}.App-main{padding:20px}.dashboard{max-width:1200px;margin:0 auto;display:grid;gap:30px}.server-info,.system-status,.quick-actions{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:25px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.server-info h3,.system-status h3,.quick-actions h3{margin-top:0;color:#fff;font-size:1.5rem}.server-info ul{text-align:left;list-style:none;padding:0}.server-info li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.server-info li:last-child{border-bottom:none}.system-status pre{background:#0000004d;padding:15px;border-radius:8px;text-align:left;overflow-x:auto;font-size:.9rem}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:20px}.action-buttons button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:15px 20px;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-buttons button:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 10px 25px #0003}.error-message{background:#dc354533;border:1px solid rgba(220,53,69,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:30px;margin:20px auto;max-width:600px;box-shadow:0 8px 32px #0000001a}.error-message h2{margin-top:0;color:#ff6b6b}.error-message ul{text-align:left;padding-left:20px}.error-message button{background:#dc35454d;border:1px solid rgba(220,53,69,.5);color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;margin-top:20px;transition:all .3s ease}.error-message button:hover{background:#dc354580;transform:translateY(-1px)}@media (max-width: 768px){.App-header h1{font-size:2rem}.action-buttons{grid-template-columns:1fr}.dashboard{padding:10px}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d0b26;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff52}:root{--primary: #2563eb;--primary-600: #1e40af;--primary-rgb: 37,99,235;--admin-accent: #2563eb;--admin-accent-rgb: 37,99,235;--user-accent: #10b981;--user-accent-rgb: 16,185,129;--accent: #f59e0b;--muted: #64748b;--muted-rgb: 100,116,139;--bg: rgba(8, 12, 24, .62);--card-bg: rgba(255,255,255,.035);--glass-border: rgba(255,255,255,.06);--text: #eef6ff;--text-primary: #f1f5f9;--text-secondary: rgba(241, 245, 249, .55);--text-muted: #64748b;--success: #10b981;--danger: #ef4444;--glass-blur: 20px}[data-theme=teal]{--primary: #0ea5a4;--primary-600: #0f766e;--primary-rgb: 14,165,164;--admin-accent: #0ea5a4;--admin-accent-rgb: 14,165,164;--user-accent: #10b981;--user-accent-rgb: 16,185,129;--accent: #64748b;--muted: #94a3b8;--bg: rgba(6, 12, 18, .6);--card-bg: rgba(255,255,255,.03);--glass-border: rgba(255,255,255,.05);--text: #f2f9fb}[data-theme=blue]{--primary: #2563eb;--primary-600: #1e40af;--primary-rgb: 37,99,235;--admin-accent: #2563eb;--admin-accent-rgb: 37,99,235;--user-accent: #10b981;--user-accent-rgb: 16,185,129;--accent: #f59e0b;--muted: #64748b;--bg: rgba(8, 12, 24, .62);--card-bg: rgba(255,255,255,.035);--glass-border: rgba(255,255,255,.06);--text: #eef6ff}[data-theme=emerald]{--primary: #10b981;--primary-600: #046c4b;--primary-rgb: 16,185,129;--admin-accent: #10b981;--admin-accent-rgb: 16,185,129;--user-accent: #4f46e5;--user-accent-rgb: 79,70,229;--accent: #4f46e5;--muted: #6b7280;--bg: rgba(5, 10, 18, .6);--card-bg: rgba(255,255,255,.03);--glass-border: rgba(255,255,255,.05);--text: #eefdf6}[data-theme=dark]{--primary: #1f2937;--primary-600: #111827;--primary-rgb: 31,41,55;--admin-accent: #1f2937;--admin-accent-rgb: 31,41,55;--user-accent: #10b981;--user-accent-rgb: 16,185,129;--accent: #f59e0b;--muted: #94a3b8;--bg: rgba(2,6,23,.8);--card-bg: rgba(255,255,255,.02);--glass-border: rgba(255,255,255,.04);--text: #e6eef8}[data-theme=pink]{--primary: #ec4899;--primary-600: #be185d;--primary-rgb: 236,72,153;--admin-accent: #ec4899;--admin-accent-rgb: 236,72,153;--user-accent: #fb923c;--user-accent-rgb: 251,146,60;--accent: #fb7185;--muted: #9ca3af;--bg: rgba(10, 6, 18, .6);--card-bg: rgba(255,255,255,.03);--glass-border: rgba(255,255,255,.05);--text: #fff0f6}[data-theme=orange]{--primary: #f97316;--primary-600: #c2410c;--primary-rgb: 249,115,22;--admin-accent: #f97316;--admin-accent-rgb: 249,115,22;--user-accent: #2563eb;--user-accent-rgb: 37,99,235;--accent: #fb923c;--muted: #7c7c86;--bg: rgba(12, 8, 6, .62);--card-bg: rgba(255,255,255,.035);--glass-border: rgba(255,255,255,.06);--text: #fffaf0}.theme-float{position:fixed;right:18px;bottom:18px;z-index:20000}.theme-btn{background:linear-gradient(90deg,var(--primary),var(--primary-600));color:var(--text);border:1px solid rgba(255,255,255,.06);padding:8px 12px;border-radius:10px;display:inline-flex;gap:8px;align-items:center;cursor:pointer;box-shadow:0 6px 18px #02061773}.theme-dropdown{background:var(--card-bg);border:1px solid var(--glass-border);padding:8px;margin-top:8px;border-radius:10px;min-width:160px;box-shadow:0 8px 32px #00000059}.theme-item{display:flex;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;cursor:pointer;color:var(--text)}.theme-item:hover{background:#ffffff08}.theme-swatch{width:14px;height:14px;border-radius:4px;border:1px solid rgba(255,255,255,.06)}@media (max-width: 480px){.theme-float{right:12px;bottom:12px}.theme-dropdown{min-width:140px}}.page{padding:.25rem 0;max-width:1200px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:.75rem;flex-wrap:wrap}.page-title{display:flex;align-items:center;gap:.75rem}.page-title h1{margin:0;font-size:1.5rem;font-weight:700}.header-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;justify-content:center;background:var(--accent, #3b82f6);color:#fff;border-radius:999px;padding:.1rem .6rem;font-size:.75rem;font-weight:600}.badge-suspended{background:#ef4444;color:#fff;padding:.1rem .5rem;border-radius:4px;font-size:.7rem}.badge-success{background:#10b981;color:#fff;padding:.1rem .5rem;border-radius:4px;font-size:.7rem}.badge-count{background:#ffffff1a;color:var(--text-muted, #94a3b8);padding:.1rem .5rem;border-radius:4px;font-size:.7rem}.badge-danger{background:#ef4444;color:#fff;padding:.1rem .5rem;border-radius:4px;font-size:.7rem}.badge-warning{background:#f59e0b;color:#fff;padding:.1rem .5rem;border-radius:4px;font-size:.7rem}.btn-primary{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent, #3b82f6);color:#fff;border:none;border-radius:8px;padding:.55rem 1.1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .2s}.btn-primary:hover:not(:disabled){opacity:.85}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface, rgba(255,255,255,.06));color:var(--text, #e2e8f0);border:1px solid var(--border, rgba(255,255,255,.1));border-radius:8px;padding:.55rem 1.1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-secondary:hover:not(:disabled){background:var(--surface-hover, rgba(255,255,255,.1))}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.3rem .7rem;font-size:.8rem}.btn-icon{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border, rgba(255,255,255,.1));border-radius:6px;padding:.35rem;cursor:pointer;color:var(--text-muted, #94a3b8);transition:all .2s}.btn-icon:hover:not(:disabled){background:#ffffff14;color:var(--text, #e2e8f0)}.btn-icon.btn-danger:hover:not(:disabled){background:#ef444426;border-color:#ef4444;color:#ef4444}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.form-input{background:var(--surface, rgba(255,255,255,.06));border:1px solid var(--border, rgba(255,255,255,.1));border-radius:8px;padding:.55rem .85rem;color:var(--text, #e2e8f0);font-size:.875rem;outline:none;transition:border-color .2s;min-width:0}.form-input:focus{border-color:var(--accent, #3b82f6)}.form-input::placeholder{color:var(--text-muted, #64748b)}.form-input-sm{max-width:140px}.form-select{background:var(--surface, rgba(255,255,255,.06));border:1px solid var(--border, rgba(255,255,255,.1));border-radius:8px;padding:.55rem .85rem;color:var(--text, #e2e8f0);font-size:.875rem;cursor:pointer}.flex-1{flex:1}.inline-form{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.inline-form.indent{margin-left:1.5rem}.card-form{background:var(--surface, rgba(255,255,255,.04));border:1px solid var(--border, rgba(255,255,255,.08));border-radius:12px;padding:1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{text-align:left;padding:.6rem 1rem;color:var(--text-muted, #94a3b8);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border, rgba(255,255,255,.08))}.data-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border, rgba(255,255,255,.05));color:var(--text, #e2e8f0)}.data-table tr:hover td{background:#ffffff05}.data-table td.actions{display:flex;gap:.4rem;align-items:center;justify-content:flex-end}.data-table td.muted{color:var(--text-muted, #94a3b8)}.data-table td.monospace{font-family:monospace;font-size:.8rem}.data-table td.truncate{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table td.nowrap{white-space:nowrap}.data-table .row-suspended td{opacity:.55}.accordion{display:flex;flex-direction:column;gap:.5rem}.accordion-item{background:var(--surface, rgba(255,255,255,.04));border:1px solid var(--border, rgba(255,255,255,.08));border-radius:12px;overflow:hidden}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;cursor:pointer}.accordion-header:hover{background:#ffffff08}.accordion-title{display:flex;align-items:center;gap:.6rem;flex:1}.accordion-title .domain-name{font-weight:500}.accordion-actions{display:flex;gap:.4rem}.accordion-body{border-top:1px solid var(--border, rgba(255,255,255,.08));padding:1rem}.sub-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;font-size:.8rem;font-weight:600;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.05em}.loading-accounts{color:var(--text-muted, #94a3b8);font-size:.85rem;display:flex;align-items:center;gap:.4rem}.empty-accounts{color:var(--text-muted, #94a3b8);font-size:.85rem;padding:.5rem 0}.dns-type{font-family:monospace;font-size:.75rem;background:#3b82f626;color:#93c5fd;padding:.15rem .45rem;border-radius:4px}.dns-table td.monospace.truncate{max-width:200px}.badge-success,.badge-danger,.badge-warning{display:inline-block}.preset-row{display:flex;flex-wrap:wrap;gap:.4rem}.cron-form{display:flex;flex-direction:column;gap:.75rem}.cron-schedule{display:flex;gap:.75rem;flex-wrap:wrap}.cron-schedule label{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--text-muted, #94a3b8);text-transform:uppercase}.cron-schedule label .form-input-sm{max-width:80px}.split-layout{display:flex;gap:1.5rem}.split-left{flex:0 0 320px}.split-right{flex:1;background:var(--surface, rgba(255,255,255,.04));border:1px solid var(--border, rgba(255,255,255,.08));border-radius:12px;padding:1.25rem}.pkg-list{display:flex;flex-direction:column;gap:.4rem}.pkg-item{background:var(--surface, rgba(255,255,255,.04));border:1px solid var(--border, rgba(255,255,255,.08));border-radius:10px;padding:.85rem 1rem;cursor:pointer;position:relative;transition:all .2s}.pkg-item:hover{border-color:var(--accent, #3b82f6)}.pkg-item.selected{border-color:var(--accent, #3b82f6);background:#3b82f614}.pkg-name{display:flex;align-items:center;gap:.5rem;font-weight:500;margin-bottom:.25rem}.pkg-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--text-muted, #94a3b8)}.pkg-delete{position:absolute;top:.75rem;right:.75rem}.detail-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem}.settings-layout{display:flex;flex-direction:column;gap:1.5rem}.settings-section{background:var(--surface, rgba(255,255,255,.04));border:1px solid var(--border, rgba(255,255,255,.08));border-radius:12px;padding:1.25rem}.settings-section h2{margin:0 0 1rem;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #94a3b8)}.setting-row{display:flex;align-items:center;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--border, rgba(255,255,255,.05));flex-wrap:wrap}.setting-row:last-child{border-bottom:none}.setting-label{flex:0 0 300px;font-size:.875rem;color:var(--text-muted, #94a3b8)}.setting-control{display:flex;align-items:center;gap:.5rem;flex:1}.setting-control .form-input,.setting-control .form-select{flex:1;max-width:280px}.dash-loading{display:flex;align-items:center;gap:.5rem;padding:1rem;color:var(--text-muted, #94a3b8)}.server-info-badge{display:flex;align-items:center;gap:.4rem;background:var(--surface, rgba(255,255,255,.06));border:1px solid var(--border, rgba(255,255,255,.1));border-radius:8px;padding:.4rem .8rem;font-size:.8rem;color:var(--text-muted, #94a3b8)}.meter-raw{font-size:.7rem;color:var(--text-muted, #94a3b8);margin-top:.15rem}.nav-group-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #64748b);padding:.65rem 1rem .2rem}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2.5rem 1rem;color:var(--text-muted, #94a3b8)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2.5rem 1rem;color:var(--text-muted, #94a3b8);text-align:center}.empty-state p{margin:0}@media (max-width: 768px){.split-layout{flex-direction:column}.split-left,.setting-label{flex:none;width:100%}.setting-control{width:100%}}