@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-hsl:230, 89%, 60%;--primary:hsl(var(--primary-hsl));--primary-glow:hsla(var(--primary-hsl), .3);--transition-premium:all .5s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg-color:#02040a;--card-bg:#0a0c14b3;--card-border:#ffffff14;--text-main:#f8fafc;--text-sub:#94a3b8;--input-bg:#0006;--input-border:#ffffff1a;--orb-1:#3e5cf433;--orb-2:#b73ef426;--orb-3:#3eb7f41a}[data-theme=light]{--bg-color:#f1f5f9;--card-bg:#ffffffd9;--card-border:#0000000d;--text-main:#0f172a;--text-sub:#475569;--input-bg:#fff;--input-border:#e2e8f0;--orb-1:#3e5cf41a;--orb-2:#3ed6f41a;--orb-3:#5c3ef40d}.shared-login-container{background:var(--bg-color);min-height:100vh;color:var(--text-main);justify-content:center;align-items:center;padding:24px;font-family:Outfit,Inter,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.login-controls{z-index:100;gap:12px;display:flex;position:absolute;top:32px;right:32px}.control-btn{appearance:none;background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);color:var(--text-main);cursor:pointer;transition:var(--transition-premium);border-radius:14px;outline:none;flex-shrink:0;align-items:center;gap:10px;padding:10px 18px;font-size:13px;font-weight:700;display:flex;box-shadow:0 10px 20px #0000001a}.control-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.bg-visuals{z-index:0;position:absolute;inset:0}.orb{filter:blur(120px);border-radius:50%;width:50vw;height:50vw;animation:25s linear infinite orb-rotate;position:absolute}.orb-1{background:var(--orb-1);top:-10%;left:-10%}.orb-2{background:var(--orb-2);animation-delay:-5s;bottom:-10%;right:-10%}.orb-3{background:var(--orb-3);animation-duration:30s;top:30%;left:40%}@keyframes orb-rotate{0%{transform:rotate(0)translate(0)scale(1)}50%{transform:rotate(180deg)translate(10%,10%)scale(1.2)}to{transform:rotate(360deg)translate(0)scale(1)}}.login-card{background:var(--card-bg);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--card-border);z-index:10;border-radius:32px;width:100%;max-width:460px;padding:50px;box-shadow:0 40px 100px -20px #0006}.login-header{text-align:center;margin-bottom:56px}.brand-logo{background:linear-gradient(135deg, var(--primary) 0%, #7c3aed 100%);color:#fff;width:72px;height:72px;box-shadow:0 10px 30px var(--primary-glow);border-radius:20px;justify-content:center;align-items:center;margin:0 auto 32px;display:flex;position:relative}.logo-glow{background:var(--primary);filter:blur(25px);opacity:.3;z-index:-1;position:absolute;inset:-10px}.gradient-text{background:linear-gradient(#fff,#94a3b8);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;margin-bottom:16px;font-size:2.5rem;font-weight:900;display:block}[data-theme=light] .gradient-text{background:linear-gradient(#0f172a,#475569);-webkit-background-clip:text}.login-header p{color:var(--text-sub);opacity:.8;font-size:.95rem;font-weight:500}.form-group{margin-bottom:32px}.label-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.form-label{color:var(--text-sub);font-size:.85rem;font-weight:700}.forgot-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600}.forgot-link:hover{text-decoration:underline}.input-wrapper{position:relative}.login-input{background:var(--input-bg);border:1.5px solid var(--input-border);width:100%;color:var(--text-main);transition:var(--transition-premium);border-radius:16px;padding:16px 50px;font-size:1rem}.login-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);background:#ffffff05;outline:none}.input-icon{color:var(--text-sub);pointer-events:none;position:absolute;top:50%;right:18px;transform:translateY(-50%)}[dir=ltr] .input-icon{left:18px;right:auto}[dir=ltr] .login-input{padding:16px 20px 16px 50px}.password-toggle{color:var(--text-sub);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}[dir=ltr] .password-toggle{left:auto;right:14px}.form-options{margin-bottom:40px}.remember-me{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.remember-me input{display:none}.checkmark{border:2px solid var(--input-border);border-radius:6px;width:20px;height:20px;transition:all .2s;position:relative}.remember-me input:checked+.checkmark{background:var(--primary);border-color:var(--primary)}.remember-me input:checked+.checkmark:after{content:"✓";color:#fff;font-size:12px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.label-text{color:var(--text-sub);font-size:.85rem;font-weight:500}.premium-btn{background:var(--primary);color:#fff;cursor:pointer;width:100%;box-shadow:0 10px 25px var(--primary-glow);transition:var(--transition-premium);border:none;border-radius:16px;padding:18px;font-size:1.05rem;font-weight:800}.btn-content{justify-content:center;align-items:center;gap:12px;display:flex}.premium-btn:hover{filter:brightness(1.1);box-shadow:0 20px 40px var(--primary-glow);transform:translateY(-3px)}.login-footer{text-align:center;margin-top:40px}.footer-line{background:var(--card-border);height:1px;margin-bottom:20px}@media (width<=480px){.login-card{padding:30px 20px}.gradient-text{font-size:1.8rem}.login-controls{gap:5px;top:10px;right:10px}.control-btn{padding:8px 12px;font-size:11px}}.app-container{width:100%;min-height:100vh;position:relative;overflow-x:hidden}.dashboard-shell{grid-template-columns:auto 1fr;width:100%;min-height:100vh;display:grid}.dashboard-shell.sidebar-collapsed{grid-template-columns:0 1fr}.main-content{flex-direction:column;width:100%;min-width:0;display:flex}.mesh-bg{z-index:1;pointer-events:none;position:fixed;inset:0}.orb{filter:blur(100px);border-radius:50%;animation:20s ease-in-out infinite alternate orb-move;position:absolute}.orb-1{background:var(--orb-1);width:600px;height:600px;top:-200px;left:-100px}.orb-2{background:var(--orb-2);width:500px;height:500px;animation-delay:-5s;bottom:-100px;right:-100px}@keyframes orb-move{0%{transform:translate(0)scale(1)}to{transform:translate(100px,100px)scale(1.1)}}.sidebar{z-index:100;border:none;border-inline-end:1px solid var(--glass-border);border-radius:0;flex-direction:column;gap:3.5rem;height:100vh;padding:2.5rem 1.5rem;display:flex;position:sticky;top:0}.sidebar-logo{font-family:var(--font-display);color:var(--primary);letter-spacing:-1px;align-items:center;gap:12px;font-size:1.4rem;font-weight:800;display:flex}.sidebar-logo .logo-icon{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary-glow))}.sidebar-nav{flex-direction:column;gap:10px;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-sub);cursor:pointer;transition:var(--transition-base);background:0 0;border:1px solid #0000;align-items:center;gap:14px;padding:14px 18px;font-size:.95rem;font-weight:600;display:flex}.nav-item:hover{background:var(--surface-bright);color:var(--text-main);transform:translate(5px)}[dir=rtl] .nav-item:hover{transform:translate(-5px)}.nav-item.active{background:hsla(var(--primary-hsl), .1);border-color:hsla(var(--primary-hsl), .2);color:var(--primary)}.logout-btn-sidebar{color:#ef4444;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);background:#ef44440d;border:1px solid #ef44441a;align-items:center;gap:12px;margin-top:auto;padding:14px 18px;font-weight:600;display:flex}.logout-btn-sidebar:hover{background:#ef44441a;transform:translateY(-2px)}.portal-header{background:var(--card-bg);border-bottom:1px solid var(--border-color);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex;position:sticky;top:0}.dashboard-content{flex-direction:column;gap:2.5rem;max-width:1600px;margin:0 auto;padding:2rem;display:flex}.welcome-section{margin-bottom:1rem}.top-header{z-index:90;border-inline:none;border-top:none;border-radius:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}@media (width>=768px){.top-header{padding:1.25rem 2.5rem}}.header-search{background:var(--surface-bright);border:1px solid var(--glass-border);width:320px;transition:var(--transition-base);border-radius:100px;align-items:center;gap:12px;padding:10px 20px;display:flex}.header-search:focus-within{border-color:var(--primary);width:360px}.header-search input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-weight:500}.header-actions{align-items:center;gap:12px;display:flex}.header-icon-btn,.lang-pill{background:var(--surface-bright);border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;transition:var(--transition-base);border-radius:12px;padding:10px}.header-icon-btn:hover,.lang-pill:hover{background:var(--glass-border);transform:translateY(-2px)}.lang-pill{padding:8px 16px;font-size:.85rem;font-weight:700}.user-profile-header{background:var(--surface-bright);border:1px solid var(--glass-border);transition:var(--transition-base);-webkit-user-select:none;user-select:none;border-radius:100px;align-items:center;gap:12px;padding:6px 16px 6px 6px;display:flex}.user-profile-header:hover{background:var(--glass-border);border-color:var(--primary);transform:translateY(-1px)}.user-profile-header:active{transform:scale(.98)}.user-profile-header img{object-fit:cover;border:2px solid var(--primary);border-radius:50%;width:36px;height:36px}.user-text{flex-direction:column;gap:2px;display:flex}.user-name{color:var(--text-main);font-size:.9rem;font-weight:700}.user-role{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:800}.content-viewport{flex:1;padding:3rem}@media (width<=768px){.content-viewport{padding:1.25rem 1rem}}.mobile-menu-btn{display:none}@media (width<=768px){.header-actions{gap:8px}.user-profile-header{padding:4px}.user-text{display:none}.view-header h1{margin-bottom:1.5rem;font-size:1.8rem}}@media (width<=1024px){.dashboard-shell{grid-template-columns:1fr!important;width:100%!important;display:block!important}.main-content{min-width:0;width:100%!important;display:block!important}.sidebar{z-index:1000;border-radius:0;width:280px;height:100vh;transition:transform .4s cubic-bezier(.16,1,.3,1);top:0;left:0;transform:translate(-100%);box-shadow:20px 0 50px #0000004d;position:fixed!important}[dir=rtl] .sidebar{left:auto;right:0;transform:translate(100%);box-shadow:-20px 0 50px #0000004d}.sidebar.open{transform:translate(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#0009;position:fixed;inset:0}.mobile-menu-btn{background:var(--surface-bright);border:1px solid var(--glass-border);width:44px;height:44px;color:var(--text-main);cursor:pointer;transition:var(--transition-base);border-radius:12px;justify-content:center;align-items:center;display:flex}.mobile-menu-btn:hover{background:var(--glass-border);transform:scale(1.05)}.header-search{display:none}}.sidebar-close-btn{display:none}.sidebar-close-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef444433}.user-dropdown-menu{z-index:1000;border:1px solid var(--glass-border);width:220px;padding:10px;position:absolute;top:calc(100% + 15px);left:0;box-shadow:0 10px 30px #0006}.dropdown-item{width:100%;color:var(--text-sub);cursor:pointer;transition:var(--transition-base);text-align:right;background:0 0;border:none;border-radius:8px;justify-content:flex-start;align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;font-weight:600;display:flex}.dropdown-item:hover{color:var(--primary);background:#ffffff0d;transform:translate(-5px)}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{color:#ef4444;background:#ef44441a}.dropdown-divider{background:var(--glass-border);height:1px;margin:8px 10px}@media (width<=1024px){.sidebar-close-btn{border:1px solid var(--glass-border);width:36px;height:36px;color:var(--text-sub);cursor:pointer;transition:var(--transition-base);background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;display:flex}}.glass-select{appearance:none;background:var(--surface-bright) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat;border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;transition:var(--transition-base);background-position:1rem;border-radius:12px;outline:none;min-width:120px;padding:12px 2.5rem 12px 1rem;font-weight:600}[dir=ltr] .glass-select{background-position:right 1rem center;padding:12px 1rem 12px 2.5rem}.glass-select:focus{border-color:var(--primary);box-shadow:0 0 15px hsla(var(--primary-hsl), .2)}.glass-select option{color:#fff;background:#0f172a;padding:12px}.modules-grid-premium{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin:24px 0;display:grid}.premium-module-card{border:1px solid var(--glass-border);cursor:pointer;background:#0f172a66;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.premium-module-card:hover{background:#1e293b99;border-color:#6366f14d;transform:translateY(-2px)}.premium-module-card.active{border-color:var(--primary);box-shadow:0 4px 20px hsla(var(--primary-hsl), .15);background:#6366f11a}.premium-module-card:before{content:"";background:radial-gradient(circle at center, hsla(var(--primary-hsl), .2) 0%, transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.premium-module-card.active:before{opacity:1}.module-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:flex}.check-icon.active{color:var(--primary);filter:drop-shadow(0 0 8px hsla(var(--primary-hsl), .5))}.empty-ring{border:2px solid #94a3b84d;border-radius:50%;width:24px;height:24px;transition:border-color .3s}.premium-module-card:hover .empty-ring{border-color:#94a3b899}.module-content h4{color:var(--text-main);margin:0 0 4px;font-size:.95rem;font-weight:600}.module-status{color:var(--text-muted);font-size:.75rem;font-weight:500}.premium-module-card.active .module-status{color:var(--primary)}:root{--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--primary-hsl:230, 89%, 60%;--primary:hsl(var(--primary-hsl));--primary-glow:hsla(var(--primary-hsl), .25);--transition-base:all .3s cubic-bezier(.4, 0, .2, 1);--radius-xl:32px;--radius-lg:18px;--radius-md:12px}[data-theme=dark]{--bg-main:#05060b;--text-main:#fff;--text-sub:#94a3b8;--glass-bg:#0d0f17b3;--glass-border:#ffffff14;--glass-shadow:0 25px 50px -12px #00000080;--surface-bright:#ffffff08;--orb-1:#3e5cf426;--orb-2:#b73ef426}[data-theme=light]{--bg-main:#f8fafc;--text-main:#0f172a;--text-sub:#64748b;--glass-bg:#fffc;--glass-border:#0000000d;--glass-shadow:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--surface-bright:#00000005;--orb-1:#3e5cf41a;--orb-2:#3eb7f41a}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html,body{background:var(--bg-main);color:var(--text-main);font-family:var(--font-body);transition:var(--transition-base);width:100%;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-xl);transition:var(--transition-base)}.glass-panel:hover{border-color:hsla(var(--primary-hsl), .3)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.dashboard-shell{z-index:10;grid-template-columns:300px 1fr;min-height:100vh;display:grid;position:relative}.btn-aether{font-family:var(--font-display);cursor:pointer;transition:var(--transition-base);letter-spacing:-.2px;border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:12px 24px;font-size:.95rem;font-weight:700;display:flex}.btn-aether-primary{background:linear-gradient(135deg, var(--primary), #818cf8);color:#fff;box-shadow:0 8px 16px -4px var(--primary-glow);border-color:hsla(var(--primary-hsl), .2)}.btn-aether-primary:hover{box-shadow:0 12px 24px -6px var(--primary-glow);filter:brightness(1.05);transform:translateY(-2px)scale(1.02)}.btn-aether-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--glass-border);color:var(--text-sub);background:#21222c66}.btn-aether-secondary:hover{color:var(--text-main);border-color:hsla(var(--primary-hsl), .4);background:#2b2e3b99;transform:translateY(-1px)}.btn-aether-primary:active,.btn-aether-secondary:active{transform:translateY(0)scale(.98)}