.auth-container{background:radial-gradient(circle at center, var(--bg-card) 0%, var(--bg-main) 100%);justify-content:center;align-items:center;height:100vh;display:flex}.auth-card{background:var(--bg-card);border-radius:var(--radius-card);border:1px solid var(--glass-border);width:350px;box-shadow:var(--shadow-main);flex-direction:column;gap:20px;padding:40px;display:flex}.auth-title{color:var(--primary);text-align:center;letter-spacing:3px;text-transform:uppercase;margin:0;font-weight:800}.input-field{background:var(--bg-input);border-radius:var(--radius-button);color:var(--text-main);border:1px solid #2a2a2a;outline:none;padding:14px;transition:border-color .2s}.input-field:focus{border-color:var(--primary)}.submit-button{background:var(--primary);color:#1a1a1a;border-radius:var(--radius-button);cursor:pointer;border:none;padding:14px;font-weight:700;transition:opacity .2s,transform .1s}.submit-button:hover{opacity:.9}.submit-button:active{transform:scale(.98)}.page-container{max-width:1200px;margin:0 auto;padding:40px}.server-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:30px;display:grid}.server-card{background:var(--bg-card);border-radius:var(--radius-card);border:1px solid var(--glass-border);flex-direction:column;gap:12px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}.server-card:hover{box-shadow:var(--shadow-main);border-color:#e4bcd64d;transform:translateY(-5px)}.server-name{color:var(--primary);margin:0;font-size:1.2rem;font-weight:700}.server-status{color:var(--text-gray);font-size:.9rem}.online-count{color:#4ade80;font-weight:500}.nav-item{cursor:pointer;color:var(--text-gray);border-radius:8px;padding:12px;transition:all .3s}.nav-item:hover,.nav-item.active{color:var(--primary);background:#e4bcd61a}:root{--bg-main:#141414;--bg-card:#1f1f1f;--bg-input:#0f0f1a;--primary:#e4bcd6;--accent:#bb86fc;--text-main:#fff;--text-gray:#aaa;--radius-card:20px;--radius-button:8px;--shadow-main:0 10px 30px #00000080;--glass-bg:#ffffff08;--glass-border:#ffffff0d}body{background-color:var(--bg-main);color:var(--text-main);font-family:Inter,sans-serif;overflow-x:hidden}:root{--bg-color:#1a1a1a;--window-bg:#141414;--primary-color:#e4bcd6;--accent-color:#bb86fc;--text-color:#fff;--gray-text:#aaa;--input-bg:#252530;--input-border:#3a3a4d;--card-bg:#1f1f1f;--sidebar-bg:#1f1f1f;--card-radius:20px;--control-radius:8px;--card-shadow:0 4px 15px #0000004d}body{background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;font-family:Segoe UI,Roboto,sans-serif}.container{background:radial-gradient(circle,#1f1f1f 0%,#141414 100%);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.login-card{background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow);border:1px solid #e4bcd61a;width:350px;padding:40px}.title{color:var(--primary-color);text-align:center;letter-spacing:2px;margin-bottom:30px}.input-group{margin-bottom:20px}.input-group label{color:var(--gray-text);margin-bottom:8px;font-size:12px;display:block}input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--control-radius);color:#fff;box-sizing:border-box;width:100%;padding:12px;transition:border-color .3s}input:focus{border-color:var(--primary-color);outline:none}.login-button{background:var(--primary-color);color:#1a1a1a;border-radius:var(--control-radius);cursor:pointer;border:none;width:100%;padding:14px;font-weight:700;transition:transform .2s,filter .2s}.login-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.footer-status{color:var(--gray-text);opacity:.6;margin-top:20px;font-size:10px}