.auth-page{min-height:100vh;margin:0;display:grid;place-items:center;background:linear-gradient(145deg,#eef1f4,#dfe5e9);font-family:Inter,Segoe UI,Arial,sans-serif;color:#17212b;padding:20px}
.auth-card{width:min(460px,100%);background:#fff;border:1px solid #d9e0e5;border-radius:20px;padding:34px;box-shadow:0 24px 70px rgba(20,30,40,.13)}
.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.auth-brand>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#b21f2d;color:#fff;font-size:22px;font-weight:800}.auth-brand strong,.auth-brand small{display:block}.auth-brand small{color:#697580;margin-top:2px}
.auth-card h1{margin:0 0 8px;font-size:1.65rem}.auth-copy{color:#64717d;margin:0 0 24px}.auth-card label{display:block;font-weight:700;font-size:.9rem;margin:15px 0}.auth-card input{width:100%;box-sizing:border-box;margin-top:7px;padding:12px;border:1px solid #c9d2d9;border-radius:10px;font:inherit}.auth-card input:focus{outline:3px solid rgba(178,31,45,.13);border-color:#b21f2d}
.auth-primary{width:100%;border:0;border-radius:10px;background:#b21f2d;color:#fff;padding:12px 16px;font-weight:800;cursor:pointer;margin-top:10px}.hint,.security-note{font-size:.82rem;color:#6d7882;line-height:1.45}.security-note{text-align:center;margin-top:22px}
.alert{padding:11px 13px;border-radius:9px;margin:12px 0;font-size:.9rem}.alert.error{background:#fdebed;color:#8c1420;border:1px solid #efbdc2}.alert.success{background:#e7f5ee;color:#176844;border:1px solid #b9dfcd}.alert.warning{background:#fff6dd;color:#765c0d;border:1px solid #ead89e}
.user-chip{padding:8px 11px;border-radius:999px;background:#edf1f4;color:#34424e;font-size:.84rem;font-weight:700}.logout-form{display:inline;margin:0}.danger-outline{border-color:#d8aeb2!important;color:#9c1c29!important}
@media(max-width:760px){.user-chip{display:none}.top-actions{gap:6px!important}.top-actions button{padding:8px!important}}

.auth-brand img{width:150px;height:54px;object-fit:contain;object-position:left center}.brand-logo{width:150px;height:48px;object-fit:contain;object-position:left center}.brand .brand-logo+div{display:none}@media(max-width:700px){.brand-logo{width:112px}}