@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/47faf0e9117ce2e3-s.270md_-rr62el.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/660acf689794c992-s.p.0lsanbtneewqp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}._30ab_W_className{font-family:DM Sans,DM Sans Fallback;font-style:normal}._30ab_W_variable{--font-dm-sans:"DM Sans", "DM Sans Fallback"}
@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b8ccc630e9b93600-s.00ewlnc1znsu7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1ab3e5abcf77747f-s.0bnyh_2yo1emg.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/edb99fec956915f8-s.p.0glcd8n2pdab0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Fallback;src:local(Times New Roman);ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.0%;size-adjust:115.45%}.JGOFDG_className{font-family:Fraunces,Fraunces Fallback;font-style:normal}.JGOFDG_variable{--font-fraunces:"Fraunces", "Fraunces Fallback"}
:root{--ink:#1a2332;--ink-soft:#4a5568;--paper:#f7f4ef;--paper-2:#efeae2;--line:#d8d0c4;--accent:#1f6b5a;--accent-hover:#175447;--accent-soft:#e4f2ee;--warn:#9a4a2a;--open:#2d6a4f;--shadow:0 12px 40px #1a233214;--radius:14px;--font:"DM Sans", system-ui, sans-serif;--display:"Fraunces", Georgia, serif}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--paper);line-height:1.45}.bg{z-index:-1;background:radial-gradient(80% 50% at 10% -10%,#d9ebe4 0%,#0000 55%),radial-gradient(60% 40% at 100% 0,#efe4d4 0%,#0000 50%),linear-gradient(#faf8f4 0%,#f0ebe3 100%);position:fixed;inset:0}.app-shell{max-width:720px;margin:0 auto;padding:2rem 1.25rem 4rem}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0 0 .35rem;font-weight:650}h1{font-size:clamp(1.85rem,4vw,2.35rem)}h2{font-size:1.35rem}p.lead{color:var(--ink-soft);margin:0 0 1.5rem;font-size:1.05rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.brand{font-family:var(--display);font-size:1.15rem;font-weight:650}.role-pill{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:.35rem .7rem;font-size:.8rem;font-weight:600}.btn-link{color:var(--ink-soft);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:.9rem;text-decoration:underline}.btn-link:hover{color:var(--ink)}.gate{flex-direction:column;justify-content:center;align-items:flex-start;max-width:380px;min-height:70vh;display:flex}.gate .brand-mark{font-family:var(--display);margin-bottom:.5rem;font-size:clamp(2.2rem,6vw,2.8rem)}.code-row{gap:.5rem;margin:1.25rem 0 1rem;display:flex}.code-digit{text-align:center;width:3.25rem;height:3.75rem;font-size:1.6rem;font-weight:600;font-family:var(--font);border:1.5px solid var(--line);color:var(--ink);background:#ffffffb3;border-radius:10px;outline:none;transition:border-color .15s,box-shadow .15s}.code-digit:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1f6b5a2e}.error{color:var(--warn);min-height:1.25rem;margin:0 0 .75rem;font-size:.9rem}.hint{color:var(--ink-soft);margin-top:1.5rem;font-size:.85rem}label{margin-bottom:.35rem;font-size:.85rem;font-weight:600;display:block}input[type=text],input[type=date],input[type=time],input[type=number],select{width:100%;font:inherit;border:1.5px solid var(--line);color:var(--ink);background:#ffffffbf;border-radius:10px;outline:none;padding:.7rem .85rem;font-size:1rem}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1f6b5a26}.field{margin-bottom:1rem}.optional{color:var(--ink-soft);font-weight:500}.row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (max-width:520px){.row{grid-template-columns:1fr}}.btn{font:inherit;cursor:pointer;border:none;border-radius:10px;padding:.75rem 1.15rem;font-size:.95rem;font-weight:600;transition:background .15s,transform .1s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-secondary{background:var(--paper-2);color:var(--ink);border:1.5px solid var(--line)}.btn-ghost{color:var(--accent);background:0 0;padding:.5rem .65rem}.btn-danger{color:var(--warn);background:0 0;padding:.4rem .55rem;font-size:.85rem}.actions{flex-wrap:wrap;gap:.6rem;margin-top:.5rem;display:flex}.shift-list{flex-direction:column;gap:1rem;display:flex}.shift{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffa6;padding:1.1rem 1.15rem 1.15rem}.shift-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.85rem;display:flex}.shift-meta{color:var(--ink-soft);margin:0;font-size:.9rem}.slots{gap:.45rem;display:grid}.slot{background:var(--paper);border:1px solid #0000;border-radius:8px;grid-template-columns:2.5rem 1fr auto;align-items:center;gap:.6rem;padding:.55rem .65rem;display:grid}.slot.open{background:#f3faf7;border-color:#b8d9cc}.slot.clickable{cursor:pointer}.slot.clickable:hover{border-color:var(--accent);background:var(--accent-soft)}.slot.clickable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.slot-select{padding:.35rem .5rem;font-size:.8rem}.slot-main{flex-wrap:wrap;align-items:center;gap:.4rem .55rem;min-width:0;display:flex}.slot-num{color:var(--ink-soft);font-size:.8rem;font-weight:700}.slot-name{font-weight:500}.slot-name.empty{color:var(--open);font-size:.9rem;font-weight:600}.slot-role{letter-spacing:.04em;text-transform:uppercase;border-radius:6px;padding:.15rem .45rem;font-size:.72rem;font-weight:700}.slot-role.role-cash{color:#7a3f14;background:#f3e2cf}.slot-role.role-demo{color:#1a4a6e;background:#d7e8f4}.slot-action{font-size:.8rem}.empty-state{text-align:left;color:var(--ink-soft);padding:2rem 0}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff8c;margin-bottom:1.5rem;padding:1.25rem}.panel h2{margin-bottom:1rem}.signup-preview{color:var(--ink-soft);margin:.5rem 0 0;font-size:.9rem}.toast{background:var(--ink);color:#fff;opacity:0;z-index:50;pointer-events:none;text-align:center;border-radius:999px;max-width:calc(100% - 2rem);padding:.75rem 1.15rem;font-size:.9rem;font-weight:500;transition:transform .25s,opacity .25s;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)translateY(120%)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.admin-shift-tools,.member-shift-tools{border-top:1px solid var(--line);flex-wrap:wrap;gap:.4rem;margin-top:.75rem;padding-top:.75rem;display:flex}.member-shift-tools .add-me{text-align:center;width:100%}.role-fieldset{border:none;margin:0 0 1rem;padding:0}.role-fieldset legend{margin-bottom:.45rem;padding:0;font-size:.85rem;font-weight:600}.role-options{flex-wrap:wrap;gap:.6rem;display:flex}.role-option{border:1.5px solid var(--line);cursor:pointer;background:#ffffffbf;border-radius:10px;align-items:center;gap:.45rem;min-width:6.5rem;margin:0;padding:.65rem .95rem;font-size:.95rem;font-weight:500;display:flex}.role-option:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.role-option input{width:auto;accent-color:var(--accent)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar-right{align-items:center;gap:.85rem;display:flex}.section-title{margin:1.5rem 0 .75rem}
