.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-mid) 60%,var(--color-accent-dark) 100%);padding:var(--space-4)}.login-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel);padding:var(--space-10);width:100%;max-width:440px}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-brand{display:inline-flex;align-items:center;gap:var(--space-3);background:var(--color-primary);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);margin-bottom:var(--space-5)}.login-brand__icon{display:flex;align-items:center;justify-content:center;color:var(--color-accent)}.login-brand__text{display:flex;align-items:baseline;gap:var(--space-2)}.login-brand__name{font-size:var(--font-size-xl);font-weight:800;color:var(--color-text-on-dark);letter-spacing:-.02em}.login-brand__sub{font-size:var(--font-size-xs);font-weight:400;color:#ffffff73}.login-header p{color:var(--color-text-muted);font-size:var(--font-size-sm)}.login-powered-by{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.login-powered-by span{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.login-powered-by img{height:20px;width:auto;display:block;opacity:.7}.login-error{background-color:var(--color-danger-tint);color:var(--color-danger);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:var(--font-size-sm);border:1px solid rgba(239,68,68,.25);text-align:center;line-height:1.5}.login-form .form-group{margin-bottom:var(--space-5)}.login-form label{display:block;color:var(--color-text-body);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-2)}.login-form input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface-2);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-body);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.login-form input:focus{border-color:var(--color-border-focus);background:var(--color-surface);box-shadow:0 0 0 3px #3dbcb826}.login-form input::placeholder{color:var(--color-text-muted)}.login-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-4);margin-top:var(--space-3);background:var(--color-accent);color:var(--color-text-on-accent);font-size:var(--font-size-base);font-weight:700;border:none;border-radius:var(--radius-pill);box-shadow:var(--shadow-btn);cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);letter-spacing:.01em}.login-btn:hover:not(:disabled){background:var(--color-accent-dark);box-shadow:0 6px 20px #3dbcb873;transform:translateY(-1px)}.login-btn:active:not(:disabled){transform:scale(.98)}.login-btn:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:480px){.login-container{padding:var(--space-3);align-items:flex-start;padding-top:10vh}.login-card{padding:var(--space-6);border-radius:var(--radius-lg)}.login-header h2{font-size:var(--font-size-xl)}.login-header{margin-bottom:var(--space-6)}.login-form .form-group{margin-bottom:var(--space-4)}.login-btn{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}}.app-footer{background:var(--color-primary);border-top:1px solid rgba(255,255,255,.08);padding:0 var(--space-6)}.app-footer__inner{max-width:1400px;margin:0 auto;height:48px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.app-footer__brand{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:#ffffff80}.app-footer__plane{color:var(--color-accent);flex-shrink:0}.app-footer__brand span{color:#ffffffb3;font-weight:600}.app-footer__sep{color:#fff3!important;font-weight:400!important}.app-footer__copy{color:#fff6!important;font-weight:400!important}.app-footer__powered{display:flex;align-items:center;gap:var(--space-2);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.07em;color:#ffffff59}.app-footer__logo{height:16px;width:auto;display:block;opacity:.6}@media(max-width:480px){.app-footer__powered{display:none}.app-footer__inner{justify-content:center}}