@import url('/styles.css');
.login-body{margin:0;background:#f5f5ef;color:#183a32;font-family:Arial,sans-serif}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-intro{padding:60px 10%;background:#153f35;color:#f4f3e9;display:flex;flex-direction:column;justify-content:space-between;gap:70px}.login-brand{font-size:31px;letter-spacing:5px;font-weight:800;color:inherit;text-decoration:none}.login-brand span{display:block;font-size:10px;letter-spacing:3px;margin-top:12px;opacity:.7}.login-eyebrow{font-size:11px;letter-spacing:2px;color:#c0cfaa}.login-intro h1{font-family:Georgia,serif;font-size:clamp(38px,4.5vw,67px);font-weight:400;line-height:1.12;margin:24px 0}.login-intro p{max-width:430px;line-height:1.7}.login-intro small{opacity:.6}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:48px 28px}.login-card{width:100%;max-width:385px}.login-pill{display:inline-block;border:1px solid #d7dece;border-radius:24px;padding:8px 13px;font-size:11px}.login-card h2{font-family:Georgia,serif;font-size:37px;font-weight:400;margin:24px 0 12px}.login-card p{font-size:14px;line-height:1.6;color:#6b776f}.login-card label{display:block;margin:25px 0 8px;font-size:12px;font-weight:bold}.login-card input{display:block;width:100%;box-sizing:border-box;background:#fff;border:1px solid #d5dccf;border-radius:8px;padding:14px;font-size:16px}.login-card input[hidden],.login-card label[hidden]{display:none}.login-card button{display:block;width:100%;padding:15px;background:#164b3b;color:#fff;border:0;border-radius:8px;font-size:14px;font-weight:bold;cursor:pointer;margin-top:23px}.login-card button:disabled{opacity:.6}.login-card #login-error{color:#9f3d2a;min-height:20px}.login-help{margin-top:28px;font-size:12px!important}.staff-account{display:flex;align-items:center;gap:8px}.staff-sync{font-size:11px;color:#4e7059}.staff-sync.failed{color:#a03e29}.staff-access-list{display:grid;gap:12px}.staff-access-row{padding:18px;border:1px solid #dce2d5;border-radius:10px;display:flex;justify-content:space-between;gap:16px;align-items:center}.staff-access-row small{display:block;margin-top:6px;color:#6e7c70}.staff-access-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.staff-access-form label{display:grid;gap:8px;font-size:12px}.staff-access-form input,.staff-access-form select{padding:12px;border:1px solid #ccd5c6;border-radius:6px;font-size:14px}.staff-access-form .full{grid-column:1/-1}.staff-link{word-break:break-all;padding:16px;background:#eef3e7;border:1px solid #cdddc0;border-radius:8px;margin:15px 0}.staff-sync-bar{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:6px 24px;background:#eef3e9;font-size:11px}.staff-error-banner{padding:15px;background:#fff1e9;color:#873c24;border-bottom:1px solid #e2b9a9}.staff-top-name{font-size:12px;font-weight:600;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:700px){.login-layout{grid-template-columns:1fr}.login-intro{padding:32px 28px;gap:25px}.login-intro h1{font-size:33px;margin:12px 0}.login-intro>small,.login-intro>div>p:last-child{display:none}.login-form-panel{padding:38px 28px}.staff-top-name{max-width:100px;font-size:11px}.staff-access-form{grid-template-columns:1fr}.staff-access-row{align-items:flex-start;flex-direction:column}.staff-sync-bar{padding:6px 12px}.login-card h2{font-size:30px}}