:root{--color-background:#f0f2f5;--color-surface:#fff;--color-text-primary:#1c1c1e;--color-text-secondary:#6a6a6a;--color-accent:#007aff;--color-error:#ff3b30;--font-family-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--space-s:8px;--space-m:16px;--space-l:24px;--space-xl:32px;--radius-s:6px;--radius-m:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-sans);color:var(--color-text-primary);background-color:var(--color-background);line-height:1.5}.login-card{background-color:var(--color-surface);border-radius:var(--radius-m);text-align:center;width:100%;max-width:400px;margin:10vh auto auto;padding:32px;box-shadow:0 10px 30px #0000001a}.logo{color:var(--color-accent);margin-bottom:var(--space-m);font-size:1.8rem;font-weight:700}.login-card h1{margin-bottom:1.5rem}.input-group{text-align:left;margin-bottom:var(--space-m)}.input-group label{font-size:.9rem;font-weight:600}.input-group input{padding:var(--space-m);border-radius:var(--radius-s);border:1px solid #d1d1d1;width:100%}.input-group input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 2px #007aff33}.button{width:100%;padding:var(--space-m);border-radius:var(--radius-s);cursor:pointer;border:none;font-weight:600}.button-primary{background-color:var(--color-accent);color:var(--color-surface);margin-top:1rem}.button-primary:hover{background-color:#0060c0}.login-actions{margin-top:1rem}.forgot-link{color:var(--color-accent)!important;font-size:.95rem!important}.error-banner{color:var(--color-error);border:1px solid var(--color-error);padding:var(--space-s) var(--space-m);border-radius:var(--radius-s);margin-bottom:var(--space-m);background-color:#ffeded;font-size:.9rem}