@keyframes login-float{0%,to{transform:translate(0,0) scale(1)}33%{transform:translate(2rem,-1.5rem) scale(1.08)}66%{transform:translate(-1.5rem,1rem) scale(.95)}}.admin-login-page{background:var(--gray-50)}.login-container,.login-header .admin-icon{display:flex;align-items:center;justify-content:center}.login-container{position:relative;min-height:calc(100vh - var(--header-main-height, 64px));padding:var(--spacing-2xl) var(--spacing-md);overflow:hidden}.login-card{position:relative;z-index:2;width:100%;max-width:26rem;background:#fff;border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl) var(--spacing-xl)}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-header .admin-icon{width:4rem;height:4rem;margin:0 auto var(--spacing-md);border-radius:var(--radius-lg);background:var(--gradient-red, linear-gradient(135deg, #eb3944 0%, #d92936 100%));box-shadow:0 8px 20px -6px rgba(235,57,68,.5)}.login-header .admin-icon svg{width:2rem;height:2rem;fill:#fff}.login-header h1{font-size:var(--font-size-2xl);font-weight:800;color:var(--gray-900);letter-spacing:-.025em;margin:0 0 .375rem}.login-header p{font-size:var(--font-size-sm);color:var(--gray-500);line-height:1.6;margin:0}.form-group,.login-form{display:flex;flex-direction:column}.login-form{gap:var(--spacing-md)}.form-group{gap:.375rem}.form-group>label{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-700)}.input-group{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid var(--gray-200);border-radius:var(--radius-md);transition:border-color .15s,box-shadow .15s}.input-group:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.input-group>svg{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:.875rem;fill:var(--gray-400)}.input-group:focus-within>svg{fill:var(--primary-500)}.input-group input{flex:1;width:100%;border:0;outline:0;background:0 0;padding:.6875rem .875rem;font-family:inherit;font-size:var(--font-size-sm);color:var(--gray-900)}.input-group input::placeholder{color:var(--gray-300)}.password-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:.5rem .75rem;border:0;background:0 0;cursor:pointer;color:var(--gray-400)}.password-toggle:hover{color:var(--gray-600)}.password-toggle svg{width:1.25rem;height:1.25rem;fill:currentColor}.checkbox-group{flex-direction:row}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);color:var(--gray-600);cursor:pointer;user-select:none}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-label .checkmark{position:relative;width:1.125rem;height:1.125rem;flex-shrink:0;border:1.5px solid var(--gray-300);border-radius:var(--radius-sm);background:#fff;transition:background .15s,border-color .15s}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--primary-500);border-color:var(--primary-500)}.checkbox-label input[type=checkbox]:checked+.checkmark::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label input[type=checkbox]:focus-visible+.checkmark{box-shadow:0 0 0 3px var(--primary-100)}.login-button{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:var(--spacing-sm);padding:.8125rem;border:0;border-radius:var(--radius-md);background:var(--gradient-red, linear-gradient(135deg, #eb3944 0%, #d92936 100%));color:#fff;font-family:inherit;font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:filter .15s,transform .05s,box-shadow .15s;box-shadow:0 4px 12px -2px rgba(235,57,68,.45)}.login-button:hover{filter:brightness(1.06);box-shadow:0 6px 16px -2px rgba(235,57,68,.55)}.login-button:active{transform:translateY(1px)}.login-button:disabled{opacity:.65;cursor:not-allowed}.login-button .button-loader svg{width:1.25rem;height:1.25rem;fill:#fff}.form-status{margin-top:var(--spacing-xs)}.form-status .status-message{padding:.625rem .875rem;border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:1.4}.form-status.error .status-message{background:var(--primary-50);border:1px solid var(--primary-200);color:var(--primary-700)}.form-status.success .status-message{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.login-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--gray-100);text-align:center}.login-footer .security-notice{display:inline-flex;align-items:center;gap:.375rem;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-600)}.login-footer .security-notice svg{width:1rem;height:1rem;fill:var(--primary-500)}.login-footer p{margin:.5rem 0 0;font-size:var(--font-size-xs);color:var(--gray-400);line-height:1.6}.background-animation{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.floating-shape{position:absolute;border-radius:50%;filter:blur(8px);opacity:.35;animation:login-float 18s ease-in-out infinite}.floating-shape.shape-1{top:-6rem;left:-6rem;width:22rem;height:22rem;background:radial-gradient(circle,rgba(235,57,68,.25)0,transparent 70%);animation-delay:0s}.floating-shape.shape-2{bottom:-8rem;right:-6rem;width:26rem;height:26rem;background:radial-gradient(circle,rgba(244,105,117,.2)0,transparent 70%);animation-delay:-4s}.floating-shape.shape-3{top:30%;right:12%;width:12rem;height:12rem;background:radial-gradient(circle,rgba(235,57,68,.12)0,transparent 70%);animation-delay:-8s}.floating-shape.shape-4{bottom:18%;left:10%;width:14rem;height:14rem;background:radial-gradient(circle,rgba(248,155,163,.18)0,transparent 70%);animation-delay:-12s}@media (prefers-reduced-motion:reduce){.floating-shape{animation:none}}@media (max-width:480px){.login-container{padding:var(--spacing-xl) var(--spacing-sm)}.login-card{padding:var(--spacing-xl) var(--spacing-lg)}}