:root{--cream:#faf8f0;--green:#28654f;--ink:#253e35;--line:#dce4d5}body{background:var(--cream)}.login{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.login .scene{position:relative;overflow:hidden;background:#d5dfcc;min-height:100dvh;padding:0;display:block;color:white}.login .scene .cafe-art{position:absolute;height:100%;width:100%;max-width:none;max-height:none;object-fit:cover;inset:0}.location-pill{position:absolute;top:28px;left:28px;border:1px solid #aabd9f;border-radius:28px;letter-spacing:3px;font-size:11px;padding:14px 22px;color:#355c44;z-index:1}.login .scene::after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#253e35a3);pointer-events:none}.art-caption{position:absolute;bottom:38px;left:34px;right:24px;z-index:2}.art-caption strong{font:400 clamp(30px,3.4vw,48px)/1.08 Georgia,serif}.art-caption p{font-size:16px;color:#f8faf4;margin:14px 0 0}.login-panel{padding:48px 50px;max-width:580px;align-self:center}.login-mark{width:62px;height:62px;background:#28654f;color:#fff9e8;border-radius:50%;font:52px/58px Georgia,serif;text-align:center;margin:0 0 24px}.login-panel h1{font:400 clamp(38px,4vw,56px)/1.12 Georgia,serif;margin:0 0 18px;letter-spacing:-1.4px}.stockroom-title{letter-spacing:6px;color:#28654f;font-size:16px;margin-bottom:30px}.login-panel h2{font:400 32px/1.2 Georgia,serif;margin:0 0 12px}.welcome-copy{color:#7b867d;font-size:17px;margin:0 0 24px}.login-panel label{font-size:15px;font-weight:600;margin:22px 0 9px}.login-panel input{background:#f0f2e8;border:1px solid #d4decd;border-radius:12px;padding:16px 18px;min-height:60px;font-size:18px}.login-panel button{border-radius:12px;min-height:56px;font-size:17px}.login-help{font-size:12px;margin-top:20px}.header{background:#eef1e5;color:#253e35;border-bottom:1px solid #dce4d5}.header .brand{color:#28583f}.header button{background:#e0e8d8;color:#28583f;border-color:#c9d6bf}.shell{padding-top:34px}.stat,.card{border-radius:13px}.stat b{font-weight:500}.tabs button{border-radius:9px}.note{background:#edf1e4;border-color:#dce5d0}.count-table th{letter-spacing:.6px;text-transform:uppercase;font-size:11px}.table-shell{border-radius:12px}
@media(max-width:1100px){.login{display:block}.login .scene{min-height:0;height:280px}.login .scene .cafe-art{height:430px;width:100%;top:-90px}.location-pill{top:17px;left:20px;padding:10px 14px;font-size:9px;letter-spacing:2px}.art-caption{left:24px;bottom:21px}.art-caption strong{font-size:28px}.art-caption p{font-size:14px}.login-panel{max-width:480px;margin:auto;padding:32px 26px 42px}.login-mark{width:48px;height:48px;font-size:42px;line-height:45px;margin-bottom:22px}.login-panel h1{font-size:42px;margin-bottom:16px}.stockroom-title{font-size:14px;letter-spacing:5px;margin-bottom:26px}.login-panel h2{font-size:27px}.welcome-copy{font-size:16px}.login-panel input{font-size:17px;min-height:56px}.login-panel label{font-size:14px}}
@media(max-width:420px){.login .scene{height:245px}.login .scene .cafe-art{height:380px;top:-72px}.art-caption strong{font-size:25px}.art-caption p{font-size:12px}.login-panel{padding:28px 24px}.login-panel h1{font-size:38px}.stockroom-title{letter-spacing:4px}}
/* Keep the storefront below the location label at every screen size. */
.login .scene .cafe-art{top:65px;left:5%;width:90%;height:calc(100% - 150px)}
@media(max-width:1100px){.login .scene{height:400px}.login .scene .cafe-art{top:48px;left:5%;width:90%;height:300px}.art-caption strong{font-size:24px}.art-caption p{font-size:12px}}
@media(max-width:420px){.login .scene{height:370px}.login .scene .cafe-art{top:48px;height:270px}.art-caption strong{font-size:23px}}