body.login-page{min-height:100vh;display:flex;overflow:hidden;background:var(--color-gray-50);font-family:"Inter",var(--font-family)}.login-left{flex:1;position:relative;background:linear-gradient(145deg,#003317,#005725 45%,#003f13);background:linear-gradient(145deg,color(xyz 0.007 0.026 0.003),color(xyz 0.028 0.072 0.014) 45%,color(xyz 0.016 0.037 0.007));display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:100vh}.login-left-bg-image{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease;z-index:0}.login-left-bg-image.loaded{opacity:.1}.login-left-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 40%,oklch(62% .14 150 / .2) 0%,transparent 60%);z-index:2;pointer-events:none}.login-shapes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.shape{position:absolute;border-radius:50%;background:#399d571f;animation:float 12s ease-in-out infinite}.shape-1{width:380px;height:380px;top:-80px;right:-80px;animation-delay:0s;background:#399d571a}.shape-2{width:220px;height:220px;bottom:60px;left:-60px;animation-delay:-4s;background:#a6dba714}.shape-3{width:140px;height:140px;top:40%;right:10%;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation-delay:-8s;background:#399d5726}.shape-4{width:80px;height:80px;bottom:25%;right:15%;animation-delay:-2s;background:#a6dba71f}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-18px) rotate(4deg)}66%{transform:translateY(10px) rotate(-3deg)}}.login-left-content{position:relative;z-index:3;color:#fff;padding:3rem;max-width:480px;animation:fadeInLeft .8s ease both}.login-brand-mark{width:56px;height:56px;background:#399d5740;border:1px solid oklch(84% .09 145 / .3);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#e5e9e5;margin-bottom:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-left-content h2{font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:800;line-height:1.2;margin-bottom:1rem;letter-spacing:-.03em}.login-tagline{font-size:1rem;opacity:.8;line-height:1.6;margin-bottom:2.5rem;font-weight:400}.login-features{list-style:none;display:flex;flex-direction:column;gap:1.1rem}.login-features li{display:flex;align-items:center;gap:.875rem;font-size:.9375rem;opacity:.9;font-weight:400}.feature-icon{flex-shrink:0;width:36px;height:36px;background:#399d5738;border:1px solid oklch(84% .09 145 / .2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.85rem}.login-right{flex:0 0 38%;max-width:38%;display:flex;align-items:center;justify-content:center;background:var(--color-white);padding:2.5rem 2rem;overflow-y:auto;min-height:100vh;box-shadow:-20px 0 60px #0000000f}.login-container{width:100%;max-width:400px;animation:fadeInUp .6s ease both}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo{width:84px;height:84px;margin:0 auto 1.5rem;border-radius:22px;overflow:hidden;box-shadow:0 8px 32px #003f182e,0 2px 8px #003f181a;box-shadow:0 8px 32px oklch(32% .15 150 / .18),0 2px 8px oklch(32% .15 150 / .1);background:var(--color-white);padding:6px;transition:transform .3s ease,box-shadow .3s ease}.login-logo:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 16px 48px #003f1838;box-shadow:0 16px 48px oklch(32% .15 150 / .22)}.login-logo img{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block}.login-header h1{font-size:1.625rem;font-weight:800;color:var(--color-text-primary);margin-bottom:.375rem;letter-spacing:-.03em}.login-header p{font-size:.9375rem;color:var(--color-text-tertiary);font-weight:400}.alert{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border-radius:12px;font-size:.875rem;margin-bottom:1.5rem;animation:fadeInDown .3s ease}.alert i{margin-top:1px;flex-shrink:0}.alert-error{background:var(--color-error-light);color:var(--color-error);border:1px solid oklch(50% .18 25 / .2)}.alert-success{background:var(--color-success-light);color:var(--color-success);border:1px solid oklch(48% .16 150 / .2)}.field-group{margin-bottom:1.25rem}.field-inner{position:relative}.field-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);font-size:.875rem;pointer-events:none;transition:color .2s ease;z-index:1}.field-input{width:100%;height:56px;padding:1.25rem 3rem .375rem 2.75rem;font-size:.9375rem;font-family:inherit;color:var(--color-text-primary);background:var(--color-background);border:1.5px solid var(--color-border);border-radius:12px;outline:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;-webkit-appearance:none}.field-label{position:absolute;left:2.75rem;top:50%;transform:translateY(-50%);font-size:.9375rem;color:var(--color-text-tertiary);pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);background:transparent;padding:0 2px;line-height:1}.field-input:not(:placeholder-shown)~.field-label,.field-input:focus~.field-label{top:18px;transform:translateY(-50%) scale(.8);transform-origin:left center;color:var(--color-primary);font-weight:500}.field-input:focus{border-color:var(--color-primary);background:var(--color-white);box-shadow:0 0 0 3px #0071311a;box-shadow:0 0 0 3px oklch(48% .16 150 / .1)}.field-input:focus+.field-icon,.field-group:focus-within .field-icon{color:var(--color-primary)}.field-inner:focus-within .field-icon{color:var(--color-primary)}.field-toggle{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:.375rem;border-radius:8px;font-size:.875rem;transition:color .2s ease,background .2s ease}.field-toggle:hover{color:var(--color-text-primary);background:var(--color-green-100)}.field-group.has-error .field-input{border-color:var(--color-error);background:var(--color-error-light)}.field-group.has-error .field-input:focus{box-shadow:0 0 0 3px #b322281a}.field-error{display:block;font-size:.8125rem;color:var(--color-error);margin-top:.375rem;padding-left:.25rem}.login-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;margin-top:.25rem}.remember-label{display:flex;align-items:center;gap:.625rem;cursor:pointer;-webkit-user-select:none;user-select:none}.remember-input{position:absolute;opacity:0;width:0;height:0}.remember-check{width:18px;height:18px;border:1.5px solid var(--color-border);border-radius:5px;background:var(--color-white);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;position:relative}.remember-check:after{content:"";width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px);opacity:0;transition:opacity .15s ease}.remember-input:checked~.remember-check{background:var(--color-primary);border-color:var(--color-primary)}.remember-input:checked~.remember-check:after{opacity:1}.remember-text{font-size:.875rem;color:var(--color-text-secondary)}.forgot-link{font-size:.875rem;color:var(--color-primary);text-decoration:none;font-weight:500;transition:opacity .2s ease}.forgot-link:hover{opacity:.75;text-decoration:underline}.btn-login{width:100%;height:52px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:12px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.625rem;box-shadow:0 4px 16px #0071314d,0 1px 4px #00713133;box-shadow:0 4px 16px oklch(48% .16 150 / .3),0 1px 4px oklch(48% .16 150 / .2);transition:transform .2s ease,box-shadow .2s ease,background .2s ease;position:relative;overflow:hidden}.btn-login:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 100%);pointer-events:none}.btn-login:hover:not(:disabled){background:var(--color-green-800);transform:translateY(-2px);box-shadow:0 8px 28px #0071315c,0 2px 8px #00713133;box-shadow:0 8px 28px oklch(48% .16 150 / .36),0 2px 8px oklch(48% .16 150 / .2)}.btn-login:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #00713138;box-shadow:0 2px 8px oklch(48% .16 150 / .22)}.btn-login:disabled{opacity:.72;cursor:not-allowed}.btn-login-text,.btn-login-loading{display:flex;align-items:center;gap:.625rem}.btn-login-text[hidden],.btn-login-loading[hidden]{display:none}.spinner{display:inline-block;width:16px;height:16px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.btn-login.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}.login-footer-note{margin-top:1.75rem;text-align:center;font-size:.8125rem;color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;gap:.4rem}.login-footer-note i{font-size:.75rem;color:var(--color-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.login-right{flex:0 0 44%;max-width:44%}}@media (max-width: 860px){body.login-page{flex-direction:column}.login-left{min-height:35vh;flex:0 0 auto}.login-left-content{padding:2rem}.login-features{display:none}.login-left-content h2{font-size:1.5rem}.login-tagline{font-size:.9375rem;margin-bottom:0}.login-right{flex:1;max-width:100%;padding:2rem 1.5rem}}@media (max-width: 480px){.login-logo{width:70px;height:70px}.login-header h1{font-size:1.375rem}.login-left-content{display:flex;flex-direction:column;align-items:center;text-align:center}.login-left-content h2{font-size:1.25rem}.login-tagline{font-size:.875rem}.login-brand-mark{margin-bottom:1rem}}