.access-page{min-height:100vh;margin:0;display:flex;align-items:center;justify-content:center;padding:46px 5%;background:radial-gradient(ellipse at 45% 35%,#fff,#f3f4f1);color:#202c31;font-family:'DM Sans',Arial,sans-serif}.access-card{width:1456px;max-width:100%;min-height:800px;display:grid;grid-template-columns:49% 51%;border:1px solid #e7e9e5;border-radius:20px;overflow:hidden;background:white;box-shadow:0 22px 45px #28352e15}.access-story{position:relative;min-height:100%;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:45px 48px;background:#193c23;overflow:hidden}.access-story:before{content:'';position:absolute;inset:0;z-index:-2;background-image:url('auth-reference.jpeg');background-size:auto 175%;background-position:13% 30%;background-repeat:no-repeat}.access-story:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0e2e1330 0%,transparent 42%,#17351e80 67%,#17351efa 100%)}.access-brand{display:flex;align-items:center;gap:15px;font-size:20px;font-weight:800;letter-spacing:1.8px;line-height:1.2}.access-brand small{font-size:16px;letter-spacing:1px;font-weight:500}.story-brand{color:#fff}.story-brand>span{height:23px;width:2px;background:#d89a4a}.form-brand{color:#245c39;font-size:16px;gap:13px}.form-brand small{font-size:14px;color:#839089}.form-brand .brand-separator{color:#929b97;font-weight:400}.accent-line{display:block;width:35px;height:3px;background:#d59749;flex-shrink:0}.form-brand .accent-line{width:19px;height:2px}.access-story-copy{padding-bottom:21px}.access-story-copy h2{font:700 49px/1.12 Georgia,serif;letter-spacing:-.7px;margin:24px 0 19px;color:#f9faef}.access-story-copy p{font-size:17px;line-height:1.6;color:#d7e3d3;margin:0}.access-main{padding:60px 64px 35px;display:flex;align-items:center;justify-content:center;margin:0}.access-content{width:100%;max-width:590px}.access-heading{margin:65px 0 35px}.access-heading h1{font-size:46px;letter-spacing:-1.8px;line-height:1.12;margin:0 0 10px;color:#202c31}.access-heading p{font-size:18px;line-height:1.5;color:#85908b;letter-spacing:0;margin:0}.access-label{font-size:15px;font-weight:700;display:block;margin:25px 0 8px;color:#293336}.access-input{display:flex;align-items:center;gap:17px;border:1px solid #d9ddda;border-radius:5px;background:#f9fafb;padding:0 19px;min-height:58px;box-shadow:inset 0 0 0 1px #edf0ed}.access-input:focus-within{border-color:#376d43;box-shadow:0 0 0 3px #2f67400e}.access-input>svg,.password-toggle svg{width:22px;height:22px;fill:none;stroke:#7d8682;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.access-input input{border:0;border-radius:0;box-shadow:none;background:transparent;width:100%;padding:17px 0;font-size:15px;color:#26392c;outline:none;min-width:0}.access-input input:focus-visible{outline:none}.access-input input::placeholder{color:#89918d;opacity:1}.password-toggle{display:grid;place-items:center;padding:3px;flex-shrink:0}.access-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:27px 0 32px;font-size:14px}.access-options label{display:flex;align-items:center;gap:10px;cursor:pointer}.access-options input{width:20px;height:20px;margin:0;accent-color:#285f39}.access-options>button,.access-help button{font-size:inherit;font-weight:600;color:#2c5d3b;padding:0}.access-options>button:hover,.access-help button:hover{text-decoration:underline}.access-submit{display:flex;align-items:center;justify-content:center;gap:18px;background:#275c37;color:#fff;font-size:18px;font-weight:700;border-radius:6px;width:100%;padding:17px 20px;min-height:61px;transition:background .15s}.access-submit:hover{background:#1c492c}.access-submit>span{font-size:27px;font-weight:400;line-height:1}.access-help{border-top:1px solid #e9ece8;text-align:center;font-size:12px;color:#7d8781;padding:21px 0 30px;margin-top:22px;line-height:1.6}.access-footer{display:flex;justify-content:space-between;align-items:center;padding-top:23px;border-top:1px solid #e9ece8;color:#7e8880;font-size:11px}.access-footer>a{color:#41634b}.password-hint{font-size:11px;color:#849086;margin:7px 0 -9px}.access-setup .access-heading{margin:35px 0 22px}.access-setup .access-heading h1{font-size:39px}.access-setup .access-heading p{font-size:15px}.access-setup .access-label{margin-top:18px;font-size:13px}.access-setup .access-input{min-height:49px}.access-setup .access-input input{padding:13px 0;font-size:13px}.access-setup .access-submit{margin-top:25px;font-size:15px;min-height:54px}.access-setup .access-help{padding-bottom:20px;margin-top:20px}.access-setup .access-main{padding-top:42px}.recovery-copy{font-size:14px;line-height:1.8;color:#738076;margin:0 0 20px}
@media(min-width:1500px){.access-card{min-height:884px}.access-main{padding:66px 78px 43px}.access-heading{margin-top:73px}.access-story{padding:45px 49px}.access-story-copy h2{font-size:51px}}
@media(max-width:1150px){.access-page{padding:35px 4%}.access-card{grid-template-columns:45% 55%;min-height:720px}.access-main{padding:40px 34px 30px}.access-story{padding:35px 28px}.access-heading{margin:50px 0 28px}.access-heading h1{font-size:37px}.access-heading p{font-size:15px}.access-story-copy h2{font-size:40px}.access-story-copy p{font-size:14px}.access-brand{font-size:17px;gap:10px}.access-brand small{font-size:12px}.form-brand{font-size:14px}.access-options{font-size:12px}.access-label{font-size:13px}.access-input{padding:0 13px;gap:12px;min-height:53px}.access-input input{font-size:13px}.access-submit{font-size:16px;min-height:55px;padding:14px}.access-setup .access-heading h1{font-size:33px}.access-story:before{background-position:13% 30%}}
@media(max-width:700px){.access-page{padding:20px 16px;align-items:flex-start}.access-card{grid-template-columns:1fr;min-height:0;border-radius:15px}.access-story{min-height:240px;padding:24px;gap:35px}.access-story:before{background-size:225% auto;background-position:9% 26%}.access-story:after{background:linear-gradient(90deg,#13381ecf,transparent),linear-gradient(0deg,#183820cc,transparent)}.access-story-copy{padding:0}.access-story-copy h2{font-size:30px;margin:12px 0 8px}.access-story-copy h2 br{display:none}.access-story-copy p{font-size:12px}.access-story-copy .accent-line{width:27px;height:2px}.access-main{padding:30px 25px 25px}.form-brand{font-size:12px}.form-brand small{font-size:10px}.access-heading,.access-setup .access-heading{margin:28px 0 24px}.access-heading h1,.access-setup .access-heading h1{font-size:33px;letter-spacing:-1px}.access-heading p,.access-setup .access-heading p{font-size:13px}.access-label{margin-top:21px}.access-options{margin:22px 0 25px}.access-help{padding-bottom:22px}.access-footer{padding-top:19px;font-size:10px}.access-setup .access-main{padding-top:30px}.access-input input{font-size:14px}}
@media(prefers-reduced-motion:reduce){.access-submit{transition:none}}
.access-story:before{background-position:13% 40%}.initial-setup{font-size:11px;color:#7d8781;text-align:center;margin:18px 0 0;line-height:1.7}.initial-setup a{color:#2c5d3b;font-weight:600}.initial-setup a:hover{text-decoration:underline}
@media(max-width:700px){.access-story:before{background-position:9% 26%}}
.access-story:before{background-image:url('login-cafe-original.png');background-size:cover;background-position:center 35%}
@media(max-width:700px){.access-story:before{background-size:cover;background-position:center 38%}}
.access-story:before{background-image:var(--login-photo,url('login-cafe-original.png'))}
.demo-access{border:1px solid #dce8d4;background:linear-gradient(120deg,#f5f9ef,#fbfcf9);padding:17px;border-radius:10px;margin-top:23px}.demo-access-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-access-heading>span{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#345b3c}.demo-access-heading>small{font-size:8px;letter-spacing:1px;padding:4px 6px;border-radius:4px;color:#55783d;background:#e6f1d7}.demo-access>p{font-size:11px;color:#7b8875;margin:8px 0 13px}.demo-access-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.demo-access-buttons>form{margin:0}.demo-role{width:100%;display:flex;align-items:center;text-align:left;gap:10px;padding:12px 11px;border:1px solid #d9e4d1;border-radius:7px;background:#fff;color:#285939;min-height:62px;transition:background .15s,border-color .15s}.demo-role:hover{background:#eef5e3;border-color:#9bb681}.demo-role-admin{background:#285c38;border-color:#285c38;color:white}.demo-role-admin:hover{background:#1e492c;border-color:#1e492c}.demo-role svg{height:23px;width:23px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.demo-role b{display:block;font-size:12px;white-space:nowrap}.demo-role small{display:block;font-size:8px;font-weight:400;opacity:.75;margin-top:4px}.demo-role i{font-size:17px;margin-left:auto;font-style:normal}.demo-access .demo-access-note{display:block;font-size:9px;line-height:1.7;color:#8a947f;margin-top:11px}.access-content:has(.demo-access) .access-heading{margin-top:36px}.access-content:has(.demo-access) .access-help{padding-bottom:20px}.access-content:has(.demo-access) .access-label{margin-top:20px}
@media(max-width:1150px){.demo-access-buttons{grid-template-columns:1fr}.demo-role{min-height:54px}.demo-access{padding:14px}.access-content:has(.demo-access) .access-heading{margin-top:28px}}
@media(max-width:700px){.demo-access-buttons{grid-template-columns:1fr 1fr}.demo-role{gap:7px;padding:11px 9px}.demo-role b{font-size:11px}.demo-role svg{width:19px;height:19px}.demo-role small{font-size:7px}.demo-role i{display:none}}
@media(max-width:380px){.demo-access-buttons{grid-template-columns:1fr}}