.login-container{background:var(--bg-page);min-height:100vh;color:var(--text-main);display:flex;position:relative;overflow:hidden}.login-background{z-index:0;position:absolute;inset:0}.gradient-orb{filter:blur(100px);opacity:.5;border-radius:50%;animation:25s ease-in-out infinite float;position:absolute}.orb-1{background:linear-gradient(135deg,#3b82f6 0%,#2dd4bf 100%);width:600px;height:600px;top:-200px;left:-100px}.orb-2{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);width:500px;height:500px;animation-delay:-5s;bottom:-100px;right:-50px}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-40px)scale(1.1)}66%{transform:translate(-30px,30px)scale(.95)}}.login-split-layout{z-index:10;width:100%;min-height:100vh;display:flex;position:relative}.login-left{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-right:1px solid var(--admin-content-border);background:#ffffff0d;flex-direction:column;flex:1.2;justify-content:center;align-items:center;padding:4rem;display:flex;position:relative;overflow:hidden}[data-theme=light] .login-left{background:#fff3}.login-left:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#3b82f61a,#0000);position:absolute;inset:0}.login-logo-container{margin-bottom:3rem;animation:.8s cubic-bezier(.2,.8,.2,1) fadeInDown;position:relative}.barkovizyon-logo-large{filter:drop-shadow(0 15px 35px #0000001f);z-index:2;max-width:450px;height:auto;position:relative}.logo-glimmer{z-index:1;background:radial-gradient(circle,#3b82f626,#0000 70%);animation:4s ease-in-out infinite pulse;position:absolute;inset:-30% -20%}.login-vibe-text{text-align:center;max-width:450px;animation:.8s cubic-bezier(.2,.8,.2,1) .2s both fadeInUp}.login-vibe-text h2{color:var(--admin-text);letter-spacing:-.02em;margin-bottom:1rem;font-size:1.75rem;font-weight:700;line-height:1.2}.login-vibe-text p{color:var(--admin-text-secondary);font-size:1.125rem;font-weight:500;line-height:1.6}.login-right{background:0 0;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.login-card{background:var(--admin-content-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--admin-content-border);border-radius:32px;width:100%;max-width:440px;padding:3.5rem;animation:.6s cubic-bezier(.34,1.56,.64,1) zoomIn;box-shadow:0 25px 50px -12px #00000040}.login-header{text-align:left;margin-bottom:3rem}.login-title{color:var(--admin-text);letter-spacing:-.04em;margin-bottom:.75rem;font-size:2.25rem;font-weight:800}.login-subtitle{color:var(--admin-text-secondary);font-size:1rem;font-weight:500}.login-form{flex-direction:column;gap:1.75rem;display:flex}.form-group{flex-direction:column;gap:.625rem;display:flex}.form-label{color:var(--admin-text);opacity:.9;margin-left:.25rem;font-size:.875rem;font-weight:700}.form-input{background:var(--nav-bg);border:1.5px solid var(--admin-content-border);width:100%;color:var(--admin-text);border-radius:16px;padding:1rem 1.25rem;font-size:1rem;font-weight:500;transition:all .2s}[data-theme=dark] .form-input{color:#f1f5f9!important;background:#1e293bcc!important;border-color:#ffffff1a!important}[data-theme=dark] .form-input::placeholder{color:#fff6}.form-input:focus{color:#1e293b;background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61a}.login-button{background:var(--nav-active-bg);color:var(--nav-active-text);border:1px solid var(--nav-active-border);cursor:pointer;box-shadow:0 10px 15px -3px var(--nav-active-shadow);border-radius:16px;margin-top:1rem;padding:1.125rem;font-size:1.125rem;font-weight:700;transition:all .3s}.login-button:hover:not(:disabled){background:var(--nav-active-bg);opacity:.9;box-shadow:0 20px 25px -5px var(--nav-active-shadow);transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#ef4444;text-align:center;background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;padding:1rem;font-size:.875rem;font-weight:600;animation:.4s ease-in-out shake}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}@media (max-width:1024px){.login-left{padding:3rem}.login-vibe-text h2{font-size:2rem}}@media (max-width:868px){.login-split-layout{flex-direction:column}.login-left{border-bottom:1px solid #ffffff4d;border-right:none;flex:none;padding:4rem 2rem}.login-right{flex:1;padding:3rem 1.5rem}.barkovizyon-logo-large{max-width:240px}}@media (max-width:480px){.login-card{border-radius:24px;padding:2rem 1.5rem}.login-vibe-text h2{font-size:1.75rem}}