/* Presentation only: account authentication and permissions remain server-owned. */
body.kr-login{--kr-accent:#2365ce;--kr-deep:#102b50;background:#edf2f8;color:#172d49}
.kr-login[data-panel="staff"]{--kr-accent:#087e91;--kr-deep:#123b48}
.kr-login[data-panel="customer"]{--kr-accent:#337bcc;--kr-deep:#204d78}
.kr-login .login-container{min-height:100svh;padding:64px 5vw;gap:0;align-items:stretch;max-width:1480px;margin:auto}
.kr-login .login-image-panel{min-height:640px;flex:1.08;border-radius:28px 0 0 28px;background:var(--kr-deep);align-items:center;padding:56px;isolation:isolate}
.kr-login .login-image-panel:before{background-position:center;filter:grayscale(.45);opacity:.22;transform:none}
.kr-login .login-image-panel:after{background:linear-gradient(140deg,var(--kr-deep) 8%,transparent 150%)}
.kr-login .image-content,.kr-login .image-badge{display:none}
.kr-login .kr-brand-story{position:relative;z-index:3;color:white;max-width:460px}
.kr-login .kr-kicker{font-size:11px;letter-spacing:2.4px;font-weight:700;opacity:.7;margin-bottom:24px}
.kr-login .kr-brand-story h2{font-size:clamp(34px,3.6vw,52px);line-height:1.12;letter-spacing:-1.7px;font-weight:650;margin:0 0 24px}
.kr-login .kr-brand-story p{font-size:16px;line-height:1.75;color:#d4e3ef;max-width:330px}
.kr-login .kr-story-foot{margin-top:84px;padding-top:22px;border-top:1px solid #ffffff29;font-size:12px;letter-spacing:.4px;color:#bed2e3}
.kr-login .login-form-panel{flex:1;min-width:0;border-radius:0 28px 28px 0;padding:40px 48px;background:white;box-shadow:18px 20px 70px #193c6010;display:flex;flex-direction:column;justify-content:center}
.kr-login .form-wrapper{width:100%;max-width:370px;animation:none;margin:auto}
.kr-login .form-logo{text-align:left;margin:0 0 30px}.kr-login .form-logo img{width:176px;height:auto;max-height:96px;object-fit:contain}
.kr-login .kr-role-nav{display:flex;padding:4px;gap:4px;background:#f0f4f8;border:1px solid #e5ebf2;border-radius:12px;margin-bottom:30px}
.kr-login .kr-role-nav a{flex:1;text-decoration:none;text-align:center;padding:11px 3px;border-radius:8px;font-size:12px;font-weight:600;line-height:1.3;color:#64758a}
.kr-login .kr-role-nav a[aria-current="page"]{background:white;color:var(--kr-accent);box-shadow:0 2px 8px #17365112}
.kr-login .form-header{text-align:left;margin-bottom:26px}.kr-login .form-header h1{font-size:28px;letter-spacing:-.8px;color:#172d49;margin-bottom:10px}.kr-login .form-header p{font-size:14px;line-height:1.6;color:#748298}
.kr-login .form-group{margin-bottom:20px}.kr-login .form-group label{font-size:13px;color:#30455f;margin-bottom:9px}
.kr-login .input-wrapper input{height:52px;background:#f8fafc;border:1px solid #dce4ef;border-radius:10px;font-size:16px}.kr-login .input-wrapper input:focus{background:white;border-color:var(--kr-accent);box-shadow:0 0 0 3px #3d85c71a}
.kr-login .btn-submit{background:var(--kr-accent);border-radius:10px;min-height:52px;box-shadow:0 8px 20px #163e6517;font-size:15px;margin-top:8px}.kr-login .btn-submit:hover{background:var(--kr-deep)}
.kr-login .form-footer{margin-top:26px;font-size:10px;line-height:1.8;color:#8694a6}.kr-login a:focus-visible,.kr-login button:focus-visible{outline:3px solid #63aaf1;outline-offset:3px}
@media(max-width:1000px){.kr-login .login-container{padding:45px 24px}.kr-login .login-image-panel{padding:34px;min-height:610px}.kr-login .login-form-panel{padding:32px}.kr-login .kr-brand-story h2{font-size:38px}}
@media(max-width:700px){.kr-login .login-container{padding:42px 18px 70px;display:block;min-height:100svh}.kr-login .login-image-panel{display:none}.kr-login .login-form-panel{border-radius:22px;padding:28px 24px;min-height:0;box-shadow:0 12px 45px #1838550c}.kr-login .form-logo{margin-bottom:24px}.kr-login .form-logo img{width:158px}.kr-login .kr-role-nav{margin-bottom:25px}.kr-login .form-header h1{font-size:26px}.kr-login .form-footer{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.kr-login *{animation:none!important;transition:none!important}}