body{color:#e2e8f0;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at top,#0f172a,#020617);min-height:100vh;margin:0;font-family:Inter,system-ui,sans-serif}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#020617e6;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.logo{color:#f8fafc;letter-spacing:.4px;font-size:19px;font-weight:700}.right{align-items:center;gap:14px;display:flex}.profile{color:#94a3b8;font-size:14px}.logout,.admin-btn{color:#fff;cursor:pointer;background:#020617;border:1px solid #334155;border-radius:8px;padding:8px 14px;transition:all .2s}.logout:hover,.admin-btn:hover{background:#0f172a;transform:translateY(-1px)}.app{max-width:1100px;margin:auto;padding:36px}h2{color:#f1f5f9;margin-bottom:18px;font-size:20px;font-weight:600}.card{background:linear-gradient(#020617f2,#020617d9);border:1px solid #1e293b;border-radius:14px;margin-bottom:24px;padding:24px;transition:all .2s;box-shadow:0 12px 28px #00000059}.card:hover{border-color:#334155}.input,.select{color:#fff;background:#020617;border:1px solid #334155;border-radius:8px;min-width:220px;padding:12px 16px;font-size:14px;transition:all .2s}.input::placeholder{color:#64748b}.input:focus,.select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f640}.button{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .18s}.button-primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.button-success{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a)}.button-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.button:hover{filter:brightness(1.05);transform:translateY(-1px)}.server-card{background:linear-gradient(#1e293b,#1b2435);border:1px solid #1e293b;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:20px;transition:all .2s;display:flex;box-shadow:0 8px 20px #0000004d}.server-card:hover{border-color:#334155;transform:translateY(-2px);box-shadow:0 14px 32px #00000073}.server-left{align-items:center;gap:16px;min-width:240px;display:flex}.server-icon{background:#334155;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.server-name{color:#f8fafc;font-size:16px;font-weight:600}.server-meta{color:#94a3b8;margin-top:3px;font-size:12px}.server-stats{align-items:center;gap:32px;min-width:320px;display:flex}.stat{color:#cbd5f5;align-items:center;gap:6px;font-size:13px;display:flex}.server-right{align-items:center;gap:12px;display:flex}.status{letter-spacing:.3px;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.status.running{color:#22c55e;background:#052e16}.status.stopped{color:#ef4444;background:#450a0a}.status.starting{color:#f59e0b;background:#422006}.loading{color:#94a3b8}.empty{color:#64748b}.admin-container{max-width:1100px;margin:auto;padding:36px}.admin-header{margin-bottom:28px}.admin-header h1{color:#f8fafc;font-size:26px;font-weight:700}.admin-header p{color:#94a3b8;margin-top:6px}.admin-card{background:linear-gradient(#020617,#020617);border:1px solid #1e293b;border-radius:14px;margin-bottom:22px;padding:22px;transition:all .2s}.admin-row{align-items:center;gap:14px;margin-top:14px;display:flex}.admin-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.admin-layout{background:#020617;height:100vh;display:flex}.sidebar{background:#0f172a;border-right:1px solid #1e293b;flex-direction:column;width:240px;padding:20px;display:flex}.sidebar-logo{margin-bottom:24px;font-size:18px;font-weight:700}.sidebar-section{flex-direction:column;display:flex}.sidebar-item{cursor:pointer;color:#94a3b8;border-radius:8px;margin-bottom:6px;padding:11px 14px;transition:all .18s}.sidebar-item:hover{background:#1e293b}.sidebar-item.active{color:#fff;background:#2563eb}.admin-main{flex-direction:column;flex:1;display:flex}.admin-topbar{background:#020617;border-bottom:1px solid #1e293b;align-items:center;height:60px;padding:0 24px;display:flex}.admin-title{font-size:18px;font-weight:600}.admin-content{padding:24px}.admin-card{background:#020617;border:1px solid #1e293b;border-radius:12px;padding:20px;transition:all .2s}.admin-card:hover{border-color:#334155}