.logout-button{border:1px solid #e4e9de;background:#fff;border-radius:5px;color:#606d54;font-size:13px;padding:6px 8px;white-space:nowrap}.logout-button:hover{color:#53713c;border-color:#bcccaf}.logout-button[hidden]{display:none}
.login-page{min-height:100vh;display:grid;place-items:center;padding:45px 24px;background:#f3f5ef}.login-page .login-shell{padding:0;display:grid;grid-template-columns:1fr 1fr;width:960px;max-width:100%;margin:0;min-height:590px;border:1px solid #e3e8db;border-radius:16px;overflow:hidden;box-shadow:0 20px 80px #283b1c0a;background:#fff}.login-story{background:#17251f;color:#e3ecd9;padding:40px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story::after{content:'';width:280px;height:280px;position:absolute;right:-150px;bottom:-140px;border:1px solid #46593a;border-radius:50%;box-shadow:0 0 0 40px #263b2722,0 0 0 80px #263b2722;pointer-events:none}.login-brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:600;letter-spacing:2px}.login-brand img{width:43px;height:43px;border:1px solid #41573a;border-radius:12px}.login-brand small{display:block;font-size:12px;color:#a8b69e;font-weight:400;letter-spacing:2px;margin-top:3px}.login-story-content{margin:auto 0;padding:45px 0 40px;position:relative;z-index:1}.login-story .eyebrow{font-size:12px;color:#c5d2c9;letter-spacing:1.8px}.login-story h1{font-size:32px;line-height:1.8;letter-spacing:0;font-weight:500;margin-top:13px}.login-story h1>span{color:#badf93}.login-story p{font-size:15px;line-height:2.2;color:#c5d2c9;margin:18px 0}.login-grid-art{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin:31px 0 17px;max-width:270px}.login-grid-art>span{height:25px;background:#3e5733;border:1px solid #587244;border-radius:4px}.login-grid-art>span:nth-child(3),.login-grid-art>span:nth-child(7),.login-grid-art>span:nth-child(8){background:#223326;border-color:#334a31}.login-story-tags{display:flex;align-items:center;gap:11px;font-size:13px;color:#c5d2c9}.login-story-tags i{width:3px;height:3px;border-radius:50%;background:#62774f}.login-story-footer{font-size:13px;color:#c5d2c9}.login-form-panel{padding:64px 48px 27px;display:flex;flex-direction:column;min-width:0}.login-lock{width:43px;height:43px;border:1px solid #e3ebd9;background:#f3f7ec;border-radius:11px;display:grid;place-items:center;margin-bottom:25px;color:#58713b}.login-lock svg{width:21px;height:21px}.login-form-panel>.eyebrow{font-size:12px;letter-spacing:1.4px}.login-form-panel h2{font-size:26px;font-weight:550;margin:7px 0 10px;letter-spacing:-.5px}.login-description{font-size:15px;color:#616c55;margin:0;line-height:1.9}#login-form{margin-top:32px}#login-form>label{font-size:15px;color:#5a6e49;display:block;margin-bottom:10px}.login-password-wrap{position:relative;display:flex;align-items:center}.login-password-wrap input{padding:13px 42px 13px 13px;width:100%;border:1px solid #dce5d1;border-radius:6px;color:#536e40;background:#fcfdf9;font-size:16px;letter-spacing:.3px;min-width:0}.login-password-wrap input::placeholder{font-size:15px;letter-spacing:0;color:#636d58}.login-password-wrap button{position:absolute;right:7px;width:30px;height:30px;border:0;display:grid;place-items:center;background:none;color:#5f6e51;border-radius:4px}.login-password-wrap button svg{height:16px;width:16px}.login-submit{border:1px solid #263e2c;border-radius:6px;background:#263e2c;color:#626b5b;display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 15px;margin-top:19px;font-size:16px}.login-submit:hover{background:#36553b}.login-submit>span:last-child{font-size:18px;line-height:1}.login-error{color:#8a603f;font-size:14px;line-height:1.8;margin:10px 0 0}.login-error[hidden]{display:none}.login-session-note{font-size:13px;color:#636d55;text-align:center;margin:17px 0 32px}.login-form-footer{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#636d58;margin-top:auto;padding-top:25px;border-top:1px solid #eef2e7}.login-form-footer a:hover{color:#56713d}
@media(max-width:720px){.logout-button{font-size:12px;padding:5px 6px}.topbar-right{gap:8px}.topbar-right>.mini-admin{display:none}.login-page{padding:22px 16px;display:flex;align-items:center;justify-content:center;min-height:100svh}.login-page .login-shell{grid-template-columns:1fr;width:420px;min-height:0;border-radius:12px}.login-story{padding:25px 27px}.login-brand{font-size:21px;gap:10px}.login-brand img{height:36px;width:36px;border-radius:10px}.login-brand small{font-size:12px}.login-story-content{padding:20px 0 0}.login-story h1{font-size:23px;line-height:1.6;margin:7px 0 0}.login-story h1 br{display:none}.login-story-content>.eyebrow,.login-story p,.login-grid-art,.login-story-tags,.login-story-footer{display:none}.login-form-panel{padding:28px 27px 23px}.login-lock{height:33px;width:33px;border-radius:9px;margin-bottom:17px}.login-lock svg{width:17px;height:17px}.login-form-panel h2{font-size:24px;margin-top:5px}.login-form-panel>.eyebrow{font-size:12px;letter-spacing:1.1px}.login-description{font-size:14px}#login-form{margin-top:25px}.login-password-wrap input{padding:13px 40px 13px 12px;font-size:16px}.login-session-note{margin-bottom:26px}.login-form-footer{padding-top:18px}.login-story::after{width:150px;height:150px;bottom:-90px;right:-50px}}

/* Match the dashboard's readable type scale. */
.login-description, #login-form>label { font-size:16px; }
.login-session-note, .login-form-footer { font-size:14px; }
.login-password-wrap input { font-size:16px; }
.login-password-wrap input::placeholder { font-size:15px; color:#5d6b53; }
.login-submit { color:#f5fbf1; font-size:16px; font-weight:600; }
.login-story p { font-size:15px; }
.login-error { font-size:14px; color:#8b4b27; }
.logout-button { font-size:14px; min-height:34px; color:#415638; }
@media(max-width:720px) {
  .login-description { font-size:15px; }
  .login-session-note, .login-form-footer { font-size:13px; }
  .login-form-footer { flex-wrap:wrap; }
  .logout-button { font-size:13px; padding:6px 8px; }
}