@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";.login-container{background:#0f172a;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.login-glass-card{-webkit-backdrop-filter:blur(12px);z-index:10;background:#1e293bb3;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:420px;margin:20px;padding:40px;box-shadow:0 25px 50px -12px #00000080}.login-header{text-align:center;margin-bottom:32px}.login-logo{justify-content:center;align-items:center;gap:8px;margin-bottom:24px;display:flex}.logo-icon{font-size:32px}.logo-text{background:linear-gradient(90deg,#38bdf8,#818cf8);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;font-size:24px;font-weight:800}.login-header h1{color:#fff;margin-bottom:8px;font-size:28px;font-weight:700}.login-header p{color:#94a3b8;font-size:15px}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#e2e8f0;padding-left:4px;font-size:14px;font-weight:500}.form-group input{color:#fff;background:#0f172a99;border:1px solid #ffffff1a;border-radius:12px;padding:12px 16px;font-size:16px;transition:all .2s}.form-group input:focus{background:#0f172acc;border-color:#38bdf8;outline:none;box-shadow:0 0 0 4px #38bdf826}.login-error-message{color:#f87171;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;padding:12px;font-size:14px}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8 0%,#2563eb 100%);border:none;border-radius:12px;justify-content:center;align-items:center;margin-top:8px;padding:14px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.login-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 15px -3px #2563eb66}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;color:#64748b;margin-top:32px;font-size:13px}.login-background-blobs{z-index:1;position:absolute;inset:0}.blob{filter:blur(80px);opacity:.4;border-radius:50%;animation:20s infinite alternate move;position:absolute}.blob-1{background:#3b82f6;width:400px;height:400px;top:-100px;right:-100px}.blob-2{background:#8b5cf6;width:350px;height:350px;animation-delay:-5s;bottom:-50px;left:-50px}@keyframes move{0%{transform:translate(0)scale(1)}to{transform:translate(100px,50px)scale(1.1)}}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=480px){.login-glass-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0f172a;border:none;border-radius:0;flex-direction:column;justify-content:center;max-width:100%;min-height:100vh;margin:0;padding:32px 24px;display:flex}.login-background-blobs{display:none}}.login-tabs{background:#0f172a66;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:24px;padding:4px;display:flex}.login-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-size:14px;font-weight:600;transition:all .2s}.login-tab-btn:hover{color:#fff}.login-tab-btn.active{color:#38bdf8;background:#ffffff14;box-shadow:0 1px 2px #0003}.login-mode-toggle-link{color:#38bdf8;cursor:pointer;font-weight:500;text-decoration:underline;transition:color .2s}.login-mode-toggle-link:hover{color:#818cf8}.login-switch-mode-text{text-align:center;color:#94a3b8;margin-top:20px;font-size:14px}:root{--bg-main:#0f172a;--bg-surface:#1e293b;--bg-surface-hover:#334155;--text-primary:#f8fafc;--text-secondary:#94a3b8;--primary:#38bdf8;--primary-glow:#38bdf833;--accent:#818cf8;--bg-card:#1e293bb3;--border-light:#ffffff1a;--border-lighter:#ffffff0d;--bg-hover:#ffffff0d;--input-bg:#ffffff0d;--overlay-bg:#000c;--status-online:#4ade80;--status-charging:#fbbf24;--status-offline:#94a3b8;--status-error:#f87171;--sidebar-width:260px;--sidebar-collapsed-width:80px;--header-height:72px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--glass:var(--bg-card)}[data-theme=light]{--bg-main:#f1f5f9;--bg-surface:#fff;--bg-surface-hover:#e2e8f0;--text-primary:#0f172a;--text-secondary:#64748b;--primary:#0ea5e9;--primary-glow:#0ea5e933;--accent:#6366f1;--bg-card:#ffffffe6;--border-light:#0000001a;--border-lighter:#0000000d;--bg-hover:#0000000d;--input-bg:#00000008;--overlay-bg:#ffffffb3;--status-online:#22c55e;--status-charging:#f59e0b;--status-offline:#64748b;--status-error:#ef4444}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,.font-heading{font-family:Outfit,sans-serif}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 8px 32px #0000001a}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot.online{background-color:var(--status-online);box-shadow:0 0 8px var(--status-online)}.status-dot.charging{background-color:var(--status-charging);box-shadow:0 0 8px var(--status-charging)}.status-dot.offline{background-color:var(--status-offline)}.status-dot.error{background-color:var(--status-error);box-shadow:0 0 8px var(--status-error)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-surface-hover);border-radius:10px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@media (width<=768px){:root{--sidebar-width:100%}.mobile-menu-btn,.mobile-close-btn{justify-content:center;align-items:center;display:flex!important}.desktop-only{display:none!important}}@media (width>=769px){.mobile-menu-btn,.mobile-close-btn{display:none!important}}