:root{--primary:#5b6cff;--accent:#ff7a59;--bg:#f4f6fb;--card:#fff;--text:#2b2b2b;--muted:#8a8fa3}body{background:var(--bg);margin:0;font-family:Inter,sans-serif}.sidebar{color:#fff;background:linear-gradient(#3d4db7,#2a2f6f);width:220px;min-width:220px;height:100vh;padding:15px 10px}.sidebar a:hover{background:#ffffff1a;box-shadow:0 4px 10px #0000001a}.dashboard-grid{grid-template-columns:repeat(12,1fr);gap:10px;display:grid;overflow:visible}@media (width<=1024px){.dashboard-grid{grid-template-columns:repeat(6,1fr)}}@media (width<=768px){.dashboard-grid{grid-template-columns:repeat(1,1fr)}}.icon-btn{cursor:pointer;background:#eef1f7;border:none;border-radius:10px;width:38px;height:38px}.logout-btn{cursor:pointer;background:#f3f4f8;border:none;border-radius:12px;padding:10px 16px;font-weight:500}.user-wrapper{display:inline-block;position:relative}.user-icon{background:var(--primary);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:600;transition:transform .2s;display:flex}.user-icon:active{transform:scale(.9)}.user-tooltip{color:#fff;opacity:0;white-space:nowrap;pointer-events:none;z-index:200;background:#2b2b2b;border-radius:8px;padding:6px 10px;font-size:12px;transition:opacity .2s,transform .2s;position:absolute;top:45px;right:0;transform:translateY(-5px)}.user-wrapper:hover .user-tooltip{opacity:1;transform:translateY(0)}.user-dropdown{z-index:300;-webkit-backdrop-filter:blur(12px);z-index:300;opacity:0;background:#ffffffbf;border-radius:14px;width:240px;animation:.3s cubic-bezier(.2,.8,.2,1) forwards dropdownFade;position:absolute;top:52px;right:0;overflow:hidden;transform:translateY(-10px)scale(.95);box-shadow:0 10px 30px #0000001f,0 0 20px #5b6cff26}.dropdown-user{border-bottom:1px solid #0000000d;align-items:center;gap:10px;padding:14px;display:flex}.user-initial{background:var(--primary);color:#fff;border-radius:20%;justify-content:center;align-items:center;width:45px;height:30px;font-weight:600;display:flex}.user-email{color:var(--text);word-break:break-word;font-size:13px}.dropdown-divider{background:#eee;height:1px}.dropdown-item{cursor:pointer;padding:12px 16px;font-size:14px;transition:all .2s}.dropdown-item:hover{background:#5b6cff1a;transform:translate(4px)}.dropdown-item.logout{color:#e53935}.user-wrapper:has(.user-dropdown) .user-tooltip{opacity:0}.card{background:var(--card);border-radius:16px;padding:16px;transition:all .3s;box-shadow:0 8px 20px #0000000d}.card:hover{transform:translateY(-5px)}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes loadingBar{0%{transform:translate(-130%)}50%{transform:translate(80%)}to{transform:translate(260%)}}@keyframes pulseRing{0%{opacity:.7;transform:scale(.92)}to{opacity:0;transform:scale(1.28)}}@keyframes dotPulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}html,body,#root{height:100%}.login-page{color:#fff;background:linear-gradient(135deg,#060c1f 0%,#0a0a25 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.orb{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;display:block;position:absolute}.orb-1{opacity:.55;background:#3b5bdb;width:520px;height:520px;top:-120px;left:-80px}.orb-2{opacity:.5;background:#6f4dff;width:460px;height:460px;bottom:-120px;right:-80px}.dots{pointer-events:none;z-index:1;background-image:radial-gradient(#b4bef040 1px,#0000 1px);background-size:12px 12px;width:130px;height:130px;position:absolute}.dots-tr{top:50px;right:50px}.dots-bl{bottom:80px;left:50px}.login-container{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:80px;width:100%;max-width:1180px;padding:40px 60px;display:grid;position:relative}.login-left{flex-direction:column;justify-content:center;gap:22px;max-width:520px;display:flex}.login-brand{align-items:center;gap:14px;margin-bottom:8px;display:flex}.brand-logo{color:#fff;background:linear-gradient(135deg,#5f62ff,#6f4dff);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:800;display:flex;box-shadow:0 0 28px #5f62ff80}.brand-title{letter-spacing:.5px;color:#fff;font-size:20px;font-weight:800;line-height:1.1}.brand-subtitle{color:#a7b3cc;margin-top:3px;font-size:13px}.login-headline{letter-spacing:-1px;color:#fff;margin:0;font-size:44px;font-weight:800;line-height:1.05}.gradient-text{background:linear-gradient(90deg,#5b8eff 0%,#9d7fff 50%,#e2a4ff 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.login-tagline{color:#aeb9d2;max-width:440px;margin:0;font-size:15px;line-height:1.65}.feature-list{flex-direction:column;gap:18px;margin-top:8px;display:flex}.feature-item{align-items:center;gap:14px;display:flex}.feature-icon{color:#b5a7ff;background:#5f62ff2e;border:1px solid #5f62ff52;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;display:flex}.feature-title{color:#fff;font-size:14px;font-weight:700}.feature-desc{color:#8b97b5;margin-top:3px;font-size:12px}.login-right{justify-content:center;align-items:center;display:flex}.login-card{-webkit-backdrop-filter:blur(24px);text-align:center;background:#0f163099;border:1px solid #ffffff14;border-radius:22px;width:100%;max-width:420px;padding:48px 40px 36px;position:relative;box-shadow:0 30px 70px #00000080,inset 0 1px #ffffff0f}.login-shield{color:#c4b5ff;background:radial-gradient(circle,#5f62ff73,#5f62ff0d 70%);border:1px solid #9b8dff80;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 22px;font-size:26px;display:flex;box-shadow:0 0 0 8px #5f62ff12,0 0 30px #5f62ff66}.login-card-header h2{color:#fff;margin:0 0 10px;font-size:26px;font-weight:800}.login-card-header p{color:#a7b3cc;margin:0 0 28px;font-size:13.5px;line-height:1.5}.login-btn{cursor:pointer;color:#fff;background:linear-gradient(90deg,#5b5ff8,#4f46e5);border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:15px 20px;font-size:15px;font-weight:600;transition:transform .15s,filter .15s,box-shadow .15s;display:flex;box-shadow:0 10px 26px #4f46e580,inset 0 1px #ffffff24}.login-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 14px 32px #4f46e5a6}.btn-icon{font-size:17px}.login-divider{color:#6f7fa5;text-transform:uppercase;letter-spacing:1.2px;align-items:center;gap:12px;margin:24px 0 16px;font-size:11px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#ffffff14;flex:1;height:1px}.login-footer{color:#8b97b5;font-size:12.5px}.login-bottom{text-align:center;color:#6f7fa5;z-index:2;font-size:12px;position:absolute;bottom:22px;left:0;right:0}.login-loading{color:#aeb9d2;background:linear-gradient(135deg,#060c1f,#050917);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;font-family:Inter,sans-serif;display:flex}.login-spinner{border:3px solid #5f62ff33;border-top-color:#5f62ff;border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.login-container{gap:60px;padding:40px}}@media (width<=900px){.login-container{grid-template-columns:1fr;gap:40px;padding:30px 24px 70px}.login-left{text-align:center;align-items:center;max-width:100%}.login-brand{justify-content:center}.feature-list{max-width:360px;margin:0 auto}.login-headline{font-size:34px}.dots{display:none}.orb-1{width:360px;height:360px}.orb-2{width:320px;height:320px}}.orb-1{animation:18s ease-in-out infinite floatOrb1}.orb-2{animation:22s ease-in-out infinite floatOrb2}@keyframes floatOrb1{0%,to{opacity:.55;transform:translate(0)scale(1)}33%{opacity:.65;transform:translate(80px,60px)scale(1.1)}66%{opacity:.45;transform:translate(-40px,100px)scale(.95)}}@keyframes floatOrb2{0%,to{opacity:.5;transform:translate(0)scale(1)}50%{opacity:.65;transform:translate(-100px,-80px)scale(1.15)}}.orb-3{opacity:.25;filter:blur(90px);z-index:0;background:#ff6ec7;border-radius:50%;width:300px;height:300px;animation:26s ease-in-out infinite floatOrb3;position:absolute;top:40%;left:50%}@keyframes floatOrb3{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-30%,-70%)scale(1.2)}}.theme-toggle{color:#c4b5ff;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.theme-toggle:hover{background:#ffffff1a;transform:rotate(20deg)}.login-page.light{color:#1a1f36;background:linear-gradient(135deg,#f5f7fb 0%,#e9edf7 100%)}.login-page.light .orb-1{opacity:.35;background:#7c8eff}.login-page.light .orb-2{opacity:.35;background:#b58cff}.login-page.light .orb-3{opacity:.25;background:#ffb6e6}.login-page.light .dots{background-image:radial-gradient(#646e9640 1px,#0000 1px)}.login-page.light .brand-title{color:#1a1f36}.login-page.light .brand-subtitle{color:#6b7280}.login-page.light .login-headline{color:#1a1f36}.login-page.light .login-tagline{color:#4b5563}.login-page.light .feature-icon{color:#5f62ff;background:#5f62ff1f;border:1px solid #5f62ff33}.login-page.light .feature-title{color:#1a1f36}.login-page.light .feature-desc{color:#6b7280}.login-page.light .login-card{background:#ffffffd9;border:1px solid #0000000f;box-shadow:0 30px 70px #323c7826}.login-page.light .login-card-header h2{color:#1a1f36}.login-page.light .login-card-header p{color:#6b7280}.login-page.light .login-shield{color:#5f62ff;background:radial-gradient(circle,#5f62ff2e,#5f62ff05 70%);border:1px solid #5f62ff4d}.login-page.light .login-divider{color:#94a3b8}.login-page.light .login-divider:before,.login-page.light .login-divider:after{background:#00000014}.login-page.light .login-footer{color:#6b7280}.login-page.light .login-bottom{color:#94a3b8}.login-page.light .theme-toggle{color:#5f62ff;background:#ffffffb3;border:1px solid #00000014}.trust-stats{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:22px;width:fit-content;padding:18px 22px;display:flex}.stat-value{background:linear-gradient(90deg,#9d7fff,#e2a4ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.stat-label{color:#8b97b5;text-transform:uppercase;letter-spacing:.8px;margin-top:3px;font-size:11px}.stat-divider{background:#ffffff1a;width:1px;height:28px}.testimonial{background:#5f62ff0f;border:1px solid #5f62ff2e;border-radius:14px;margin-top:4px;padding:20px 22px;position:relative}.testimonial:before{content:"“";color:#9b8dff66;font-family:Georgia,serif;font-size:60px;line-height:1;position:absolute;top:-12px;left:14px}.testimonial-quote{color:#d4dcf0;margin-bottom:14px;font-size:14px;font-style:italic;line-height:1.55}.testimonial-author{align-items:center;gap:10px;display:flex}.testimonial-avatar{color:#fff;background:linear-gradient(135deg,#5f62ff,#6f4dff);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.testimonial-name{color:#fff;font-size:13px;font-weight:700}.testimonial-role{color:#8b97b5;margin-top:1px;font-size:11px}.login-page.light .trust-stats{background:#00000008;border:1px solid #0000000f}.login-page.light .stat-label{color:#6b7280}.login-page.light .stat-divider{background:#0000001a}.login-page.light .testimonial{background:#5f62ff0d;border:1px solid #5f62ff26}.login-page.light .testimonial-quote{color:#4b5563}.login-page.light .testimonial-name{color:#1a1f36}.login-page.light .testimonial-role{color:#6b7280}