@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{--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1);--primary-hsl: 230, 89%, 60%;--primary: hsl(var(--primary-hsl));--primary-glow: hsla(var(--primary-hsl), .3)}[data-theme=dark]{--bg-color: #05060b;--card-bg: rgba(13, 15, 23, .7);--card-border: rgba(255, 255, 255, .08);--text-main: #ffffff;--text-sub: #94a3b8;--input-bg: rgba(0, 0, 0, .3);--input-border: rgba(255, 255, 255, .1);--btn-text: #05060b;--orb-1: hsla(230, 89%, 60%, .15);--orb-2: hsla(280, 89%, 60%, .15);--glass-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5)}[data-theme=light]{--bg-color: #f8fafc;--card-bg: rgba(255, 255, 255, .8);--card-border: rgba(0, 0, 0, .05);--text-main: #0f172a;--text-sub: #64748b;--input-bg: #ffffff;--input-border: #e2e8f0;--btn-text: #ffffff;--orb-1: hsla(230, 89%, 60%, .1);--orb-2: hsla(200, 89%, 60%, .1);--glass-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.shared-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden;background:var(--bg-color);color:var(--text-main);font-family:Outfit,Inter,sans-serif;transition:var(--transition-smooth)}.bg-visuals{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.orb{position:absolute;width:60vw;height:60vw;border-radius:50%;filter:blur(100px);animation:orb-float 20s infinite alternate}.orb-1{top:-20%;left:-10%;background:var(--orb-1)}.orb-2{bottom:-20%;right:-10%;background:var(--orb-2);animation-delay:-5s}@keyframes orb-float{0%{transform:translate(0) scale(1)}to{transform:translate(5%,10%) scale(1.1)}}.login-controls{position:absolute;top:32px;right:32px;display:flex;gap:12px;z-index:100}.control-btn{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);padding:10px 16px;border-radius:14px;color:var(--text-main);display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:600;transition:var(--transition-smooth);box-shadow:var(--glass-shadow)}.control-btn:hover{transform:translateY(-2px);border-color:var(--primary);color:var(--primary)}.login-card{width:100%;max-width:440px;padding:56px;position:relative;z-index:10;background:var(--card-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:40px;border:1px solid var(--card-border);box-shadow:var(--glass-shadow)}.login-header{text-align:center;margin-bottom:48px}.brand-logo{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,var(--primary) 0%,#8b5cf6 100%);border-radius:24px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 20px var(--primary-glow);transform:rotate(-5deg)}.login-header h1{font-size:32px;font-weight:800;margin-bottom:8px;letter-spacing:-.02em}.login-header p{color:var(--text-sub);font-size:14px;font-weight:500}.form-group{margin-bottom:24px}.form-label{font-size:12px;font-weight:700;color:var(--text-sub);margin-bottom:8px;display:block;margin-right:4px}.input-wrapper{position:relative}.input-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--text-sub);transition:var(--transition-smooth);pointer-events:none}.login-input{width:100%;background:var(--input-bg);border:1.5px solid var(--input-border);padding:16px 52px 16px 20px;border-radius:18px;color:var(--text-main);font-family:inherit;font-size:15px;font-weight:600;transition:var(--transition-smooth)}[dir=ltr] .login-input{padding:16px 20px 16px 52px}[dir=ltr] .input-icon{left:18px;right:auto}.login-input:focus{outline:none;border-color:var(--primary);background:var(--card-bg);box-shadow:0 0 0 4px var(--primary-glow)}.login-input:focus~.input-icon{color:var(--primary)}.login-submit-btn{width:100%;padding:18px;margin-top:16px;background:var(--primary);color:var(--btn-text);border:none;border-radius:18px;font-weight:800;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:var(--transition-smooth);box-shadow:0 10px 20px var(--primary-glow)}.login-submit-btn:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 15px 30px var(--primary-glow)}.login-submit-btn:active{transform:translateY(0)}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:14px 20px;border-radius:16px;margin-bottom:32px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}.login-footer{text-align:center;margin-top:40px;padding-top:24px;border-top:1px solid var(--card-border)}.login-footer p{font-size:12px;color:var(--text-sub);font-weight:500}@media (max-width: 480px){.login-card{padding:40px 24px;border-radius:32px}.login-controls{top:20px;right:20px}}.app-container{min-height:100vh;width:100%;position:relative;overflow-x:hidden}.dashboard-shell{display:grid;grid-template-columns:auto 1fr;width:100%;min-height:100vh}.dashboard-shell.sidebar-collapsed{grid-template-columns:0 1fr}.main-content{width:100%;min-width:0;display:flex;flex-direction:column}.mesh-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(100px);animation:orb-move 20s infinite alternate ease-in-out}.orb-1{width:600px;height:600px;background:var(--orb-1);top:-200px;left:-100px}.orb-2{width:500px;height:500px;background:var(--orb-2);bottom:-100px;right:-100px;animation-delay:-5s}@keyframes orb-move{0%{transform:translate(0) scale(1)}to{transform:translate(100px,100px) scale(1.1)}}.sidebar{height:100vh;padding:2.5rem 1.5rem;display:flex;flex-direction:column;gap:3.5rem;position:sticky;top:0;z-index:100;border-radius:0;border:none;border-inline-end:1px solid var(--glass-border)}.sidebar-logo{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:800;color:var(--primary);font-size:1.4rem;letter-spacing:-1px}.sidebar-logo .logo-icon{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary-glow))}.sidebar-nav{display:flex;flex-direction:column;gap:10px}.nav-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--radius-md);color:var(--text-sub);cursor:pointer;transition:var(--transition-base);font-weight:600;font-size:.95rem;background:transparent;border:1px solid transparent}.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{margin-top:auto;display:flex;align-items:center;gap:12px;padding:14px 18px;color:#ef4444;background:#ef44440d;border:1px solid rgba(239,68,68,.1);border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:var(--transition-base)}.logout-btn-sidebar:hover{background:#ef44441a;transform:translateY(-2px)}.top-header{padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:90;border-radius:0;border-inline:none;border-top:none}@media (min-width: 768px){.top-header{padding:1.25rem 2.5rem}}.header-search{display:flex;align-items:center;gap:12px;background:var(--surface-bright);padding:10px 20px;border-radius:100px;width:320px;border:1px solid var(--glass-border);transition:var(--transition-base)}.header-search:focus-within{border-color:var(--primary);width:360px}.header-search input{background:transparent;border:none;color:var(--text-main);outline:none;width:100%;font-weight:500}.header-actions{display:flex;align-items:center;gap:12px}.header-icon-btn,.lang-pill{background:var(--surface-bright);border:1px solid var(--glass-border);color:var(--text-main);padding:10px;border-radius:12px;cursor:pointer;transition:var(--transition-base)}.header-icon-btn:hover,.lang-pill:hover{background:var(--glass-border);transform:translateY(-2px)}.lang-pill{padding:8px 16px;font-weight:700;font-size:.85rem}.user-profile-header{display:flex;align-items:center;gap:12px;padding:6px 16px 6px 6px;background:var(--surface-bright);border-radius:100px;border:1px solid var(--glass-border)}.user-profile-header img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--primary)}.user-text{display:flex;flex-direction:column;gap:2px}.user-name{font-size:.9rem;font-weight:700;color:var(--text-main)}.user-role{font-size:.7rem;color:var(--primary);font-weight:800;text-transform:uppercase;letter-spacing:.5px}.content-viewport{padding:3rem;flex:1}@media (max-width: 768px){.content-viewport{padding:1.25rem 1rem}}.mobile-menu-btn{display:none}@media (max-width: 768px){.header-actions{gap:8px}.user-profile-header{padding:4px}.user-text{display:none}.view-header h1{font-size:1.8rem;margin-bottom:1.5rem}}@media (max-width: 1024px){.dashboard-shell{display:block!important;width:100%!important;grid-template-columns:1fr!important}.main-content{width:100%!important;display:block!important;min-width:0}.sidebar{position:fixed!important;left:0;top:0;width:280px;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .4s cubic-bezier(.16,1,.3,1);box-shadow:20px 0 50px #0000004d;border-radius:0}[dir=rtl] .sidebar{left:auto;right:0;transform:translate(100%);box-shadow:-20px 0 50px #0000004d}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--surface-bright);border:1px solid var(--glass-border);color:var(--text-main);border-radius:12px;cursor:pointer;transition:var(--transition-base)}.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{background:#ef44441a;color:#ef4444;border-color:#ef444433}@media (max-width: 1024px){.sidebar-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-sub);border-radius:10px;cursor:pointer;transition:var(--transition-base)}}.glass-select{-webkit-appearance:none;-moz-appearance:none;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;background-position:left 1rem center;padding:12px 2.5rem 12px 1rem;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-main);outline:none;cursor:pointer;transition:var(--transition-base);font-weight:600;min-width:120px}[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{background:#0f172a;color:#fff;padding:12px}: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: #ffffff;--text-sub: #94a3b8;--glass-bg: rgba(13, 15, 23, .7);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5);--surface-bright: rgba(255, 255, 255, .03);--orb-1: hsla(230, 89%, 60%, .15);--orb-2: hsla(280, 89%, 60%, .15)}[data-theme=light]{--bg-main: #f8fafc;--text-main: #0f172a;--text-sub: #64748b;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .05);--glass-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--surface-bright: rgba(0, 0, 0, .02);--orb-1: hsla(230, 89%, 60%, .1);--orb-2: hsla(200, 89%, 60%, .1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}html,body{background:var(--bg-main);color:var(--text-main);font-family:var(--font-body);transition:var(--transition-base);min-height:100vh;overflow-x:hidden;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(24px);-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:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.dashboard-shell{display:grid;grid-template-columns:300px 1fr;min-height:100vh;position:relative;z-index:10}.btn-aether{font-family:var(--font-display);font-weight:700;padding:12px 24px;border-radius:14px;border:1px solid transparent;cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;gap:10px;font-size:.95rem;letter-spacing:-.2px}.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{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 24px -6px var(--primary-glow);filter:brightness(1.05)}.btn-aether-secondary{background:#21222c66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--glass-border);color:var(--text-sub)}.btn-aether-secondary:hover{background:#2b2e3b99;color:var(--text-main);border-color:hsla(var(--primary-hsl),.4);transform:translateY(-1px)}.btn-aether-primary:active,.btn-aether-secondary:active{transform:translateY(0) scale(.98)}