@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--primary:#0ea5e9;--primary-hover:#0284c7;--accent:#facc15;--bg-dark:#040b19;--bg-surface:#ffffff08;--text-main:#f8fafc;--text-muted:#94a3b8;--danger:#ef4444;--success:#10b981;--border:#ffffff14;--glass-bg:#0f142399;--font-main:"Inter", sans-serif;--font-heading:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;position:relative;overflow-x:hidden}body{font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(circle at 10% 20%,#0ea5e91a 0%,#0000 40%),radial-gradient(circle at 90% 80%,#facc150d 0%,#0000 40%),url(https://www.transparenttextures.com/patterns/carbon-fibre.png);min-height:100vh;margin:0;padding:0;overflow-x:hidden}.login-container{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex;overflow-x:hidden}.login-card{-webkit-backdrop-filter:blur(40px)saturate(200%);border:1px solid #ffffff1a;border-radius:28px;width:100%;max-width:450px;padding:32px;box-shadow:0 25px 50px -12px #000c,inset 0 1px 1px #ffffff0d}.logo-icon{background:linear-gradient(135deg,#1e3a8a,#0ea5e9);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;display:flex;box-shadow:0 8px 16px -4px #0ea5e966}.auth-toggle{border:1px solid var(--border);white-space:nowrap;scrollbar-width:none;background:#ffffff08;border-radius:12px;margin-bottom:24px;padding:4px;display:flex;overflow-x:auto}.auth-toggle::-webkit-scrollbar{display:none}.auth-toggle button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-toggle button.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #6366f14d}.input-group{margin-bottom:16px}.input-group label{color:var(--text-muted);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.input-field{border:1px solid var(--border);width:100%;color:var(--text-main);background:#ffffff0d;border-radius:12px;padding:12px 16px 12px 48px;font-size:15px;transition:all .3s}.input-field:focus{border-color:var(--primary);background:#ffffff14;outline:none;box-shadow:0 0 0 4px #6366f126}.input-icon{color:var(--text-muted);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:24px;padding:14px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 14px #0ea5e963}.login-btn:hover{background:linear-gradient(135deg,#0284c7,#0369a1);transform:translateY(-2px);box-shadow:0 10px 25px -5px #0ea5e999}.error-msg{color:var(--danger);text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;margin-top:20px;padding:12px;font-size:14px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.loading-wheel{border:4px solid #6366f11a;border-top-color:var(--primary);border-bottom-color:#a855f7;border-radius:50%;width:60px;height:60px;animation:1.2s cubic-bezier(.5,0,.5,1) infinite spin;box-shadow:0 0 20px #6366f166}.glass-card{-webkit-backdrop-filter:blur(20px);background:var(--bg-surface);border:1px solid var(--border);border-radius:20px}.scroll-x{scrollbar-width:thin;-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.mobile-stack{flex-direction:column!important}.mobile-grid-1{grid-template-columns:1fr!important}.mobile-padding{padding:16px!important}}.layout-container{min-height:100vh;display:flex}.main-content{flex:1;max-height:100vh;padding:40px;overflow-y:auto}@media (width<=1024px){.layout-container{flex-direction:column;overflow-x:hidden}.main-content{width:100%;padding:20px 16px 40px;overflow-x:hidden}}.drawer-overlay{-webkit-backdrop-filter:blur(8px);z-index:1500;opacity:0;pointer-events:none;background:#0009;width:100%;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.drawer-overlay.active{opacity:1;pointer-events:auto}.mobile-header{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:1000;background:#0f172acc;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 24px;display:none;position:sticky;top:0}@media (width<=1024px){.mobile-header{display:flex}}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}