:root{--forest:#243628;--forest-2:#344a37;--sage:#78866b;--sage-soft:#e9ede4;--gold:#c9a45d;--gold-soft:#f6eddc;--ivory:#faf8f2;--paper:#fffdfa;--ink:#243028;--muted:#69736b;--line:#dfe4dc;--danger:#a14943;--shadow:0 22px 70px #2336281f;--radius:24px;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{background:var(--ivory);min-height:100vh;color:var(--ink);margin:0;font-family:Segoe UI,Arial,sans-serif;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.52;cursor:not-allowed}.hidden{display:none!important}textarea{font:inherit}.language-toggle{z-index:110;border:1px solid var(--line);background:var(--paper);min-width:52px;min-height:46px;color:var(--forest);border-radius:14px;font-weight:850;position:fixed;top:16px;right:18px;box-shadow:0 6px 22px #24362824}h1,h2,h3,p{margin-top:0}h1,h2{color:var(--forest);font-family:Georgia,Times New Roman,serif;font-weight:500}h1{letter-spacing:-.035em;font-size:clamp(2rem,5vw,3.4rem);line-height:1.06}h2{margin:0;font-size:1.55rem}.eyebrow{color:var(--sage);letter-spacing:.16em;margin:0 0 8px;font-size:.78rem;font-weight:800}.lead{color:var(--muted);max-width:480px;font-size:1.08rem}.fine{color:var(--muted);margin:16px 0 0;font-size:.9rem}.auth-shell{background:radial-gradient(circle at 15% 15%,#c9a45d24,transparent 31%), radial-gradient(circle at 86% 82%,#78866b29,transparent 34%),var(--ivory);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{width:min(100%,560px);box-shadow:var(--shadow);text-align:center;background:#fffdfaf0;border:1px solid #78866b38;border-radius:34px;padding:38px 42px}.auth-card.compact{text-align:left}.auth-logo{width:min(290px,78%);margin:-18px auto -4px;display:block}.setup-logo{width:150px;margin:-18px auto 4px;display:block}.auth-card h1{margin:8px 0 16px}.auth-card .lead{margin:0 auto 24px}.auth-card.compact .lead{margin-left:0}.primary,.outline,.text-button{border-radius:14px;min-height:50px;font-size:1rem;font-weight:750}.primary{border:1px solid var(--forest);background:var(--forest);color:#fff;padding:12px 18px;box-shadow:0 8px 20px #24362829}.primary:hover{background:var(--forest-2)}.primary.wide{width:100%}.outline{border:1px solid var(--line);background:var(--paper);color:var(--forest);padding:12px 18px}.text-button{color:var(--forest);text-underline-offset:5px;background:0 0;border:0;padding:8px 4px;text-decoration:underline}.google-mark{color:#4285f4;background:#fff;border-radius:50%;place-items:center;width:26px;height:26px;margin-right:8px;font-weight:900;display:inline-grid}.notice{color:#873c35;text-align:left;background:#fff5f2;border:1px solid #e8c5bd;border-radius:16px;margin:0 0 18px;padding:14px 16px;font-size:1rem;font-weight:650}.field{margin:18px 0;display:block}.field span{color:var(--muted);margin-bottom:7px;font-size:.9rem;font-weight:700;display:block}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;min-height:50px;color:var(--ink);font:inherit;background:#fff;border-radius:14px;outline:none;padding:12px 14px}.field textarea{resize:vertical;border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#fff;border-radius:14px;outline:none;padding:12px 14px;font-size:1rem;line-height:1.5}.field textarea:focus,.field input:focus,.field select:focus{border-color:var(--sage);box-shadow:0 0 0 4px #78866b21}.field input:disabled{color:#626b64;background:#f1f2ed}.loading-screen{z-index:100;text-align:center;background:var(--ivory);color:var(--forest);place-content:center;gap:14px;font-weight:700;display:grid;position:fixed;inset:0}.spinner{border:3px solid var(--line);border-top-color:var(--forest);border-radius:50%;width:34px;height:34px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app{min-height:100vh;max-width:var(--max);grid-template-columns:236px minmax(0,1fr);gap:22px;margin:auto;padding:22px;display:grid}.sidebar{background:var(--forest);color:#fff;border-radius:30px;flex-direction:column;height:calc(100vh - 44px);padding:22px 16px;display:flex;position:sticky;top:22px;overflow:hidden}.side-logo{background:var(--ivory);border-radius:20px;width:170px;margin:-12px auto 12px}.sidebar nav{gap:8px;margin-top:8px;display:grid}.nav-item{color:#ffffffad;text-align:left;background:0 0;border:0;border-radius:15px;align-items:center;gap:12px;min-height:52px;padding:14px;font-size:1rem;font-weight:700;display:flex}.nav-item span{font-size:1.25rem}.nav-item.active{color:var(--forest);background:var(--ivory)}.sidebar-note{color:#ffffffb3;border-top:1px solid #ffffff26;margin-top:auto;padding:18px 10px 6px;font-size:.9rem}.sidebar-note strong{color:#fff}.nav-item b{font:inherit}.main{background:var(--paper);box-shadow:var(--shadow);border:1px solid #78866b26;border-radius:30px;min-width:0;overflow:hidden}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:82px;padding:0 30px;display:flex}.top-title{letter-spacing:.14em;color:var(--sage);font-size:.83rem;font-weight:850}.live{color:var(--forest);align-items:center;gap:9px;font-size:.85rem;display:flex}.live span{width:9px;height:9px;box-shadow:0 0 0 5px var(--sage-soft);background:#5c7e57;border-radius:50%}.mobile-logo{display:none}.content{padding:34px 30px 120px}.welcome{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.welcome h1{margin:0 0 10px}.welcome p:last-child,.page-heading p:last-child{color:var(--muted);font-size:1rem}.hours{background:var(--gold-soft);border:1px solid #ead6af;border-radius:17px;min-width:170px;padding:14px 16px}.hours small{color:#826b41;font-weight:700;display:block}.hours strong{color:var(--forest);margin-top:3px;font-size:1.05rem;display:block}.section-card,.profile-card,.admin-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-top:18px;padding:22px}.section-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.section-heading .eyebrow{margin-bottom:5px}.current-time{background:var(--sage-soft);color:var(--forest);border-radius:15px;justify-content:space-between;gap:14px;margin-bottom:14px;padding:12px 15px;display:flex}.current-time span{color:var(--muted)}.capacity{color:var(--sage);font-size:.92rem;font-weight:750}.seat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.seat{border:1px solid var(--line);text-align:left;min-height:160px;color:var(--forest);background:#f3f5f0;border-radius:20px;flex-direction:column;justify-content:space-between;padding:15px;display:flex}.seat.available{background:#eef3ea;border-color:#cbd7c5}.seat.mine{background:var(--gold-soft);border-color:#dfc68f}.seat.occupied{color:#7c827d;background:#f1f1ee}.seat-top{letter-spacing:.07em;justify-content:space-between;align-items:center;font-size:.82rem;font-weight:800;display:flex}.status-dot{background:#9aa19a;border-radius:50%;width:11px;height:11px}.seat.available .status-dot{background:#5c7e57}.seat.mine .status-dot{background:var(--gold)}.chair{text-align:center;font-size:2.2rem;line-height:1}.seat strong{font-size:1.05rem;display:block}.seat small{color:var(--muted);margin-top:3px;font-size:.86rem;display:block}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.slot{border:1px solid var(--line);text-align:left;min-height:58px;color:var(--forest);background:#fff;border-radius:15px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.slot strong{font-size:1.05rem}.slot span{color:#5c7e57;font-size:.84rem;font-weight:750}.slot:disabled{background:#f0f1ed}.slot:disabled span{color:var(--muted)}.booking-banner{background:var(--forest);color:#fff;border-radius:20px;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;padding:18px;display:flex}.booking-banner small{color:#ffffffa6;font-weight:700;display:block}.booking-banner strong{font-size:1.05rem}.booking-banner button{background:var(--gold-soft);min-height:46px;color:var(--forest);border:0;border-radius:13px;padding:10px 14px;font-weight:800}.page-heading{margin-bottom:22px}.page-heading h1{margin:0 0 10px}.booking-list{gap:13px;display:grid}.empty{text-align:center;color:var(--muted);background:#fbfcf8;border:1px dashed #cbd2c8;border-radius:20px;padding:34px 20px}.booking-card{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:18px;display:grid}.booking-card .date{color:var(--sage);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;font-weight:800}.booking-card h3{color:var(--forest);margin:5px 0;font-family:Georgia,serif;font-size:1.4rem}.booking-card p{color:var(--muted);margin:0}.booking-card button{grid-column:1/-1}.qr{border:1px solid var(--line);background:#fff;border-radius:12px;width:88px;height:88px;padding:5px}.avatar{background:var(--forest);width:72px;height:72px;color:var(--gold-soft);border-radius:50%;place-items:center;margin-bottom:8px;font-family:Georgia,serif;font-size:1.8rem;display:grid}.profile-card .primary,.profile-card .outline{margin-top:6px;margin-right:8px}.member-until{border-left:4px solid var(--gold);background:var(--gold-soft);color:#665435;border-radius:0 12px 12px 0;margin:16px 0;padding:12px 14px}.emoji-field{border:0;margin:18px 0;padding:0}.emoji-field legend{color:var(--muted);margin-bottom:8px;font-size:.9rem;font-weight:700}.avatar-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.avatar-option{border:1px solid var(--line);background:#fff;border-radius:14px;min-height:50px;font-size:1.55rem}.avatar-option.selected{border:2px solid var(--forest);background:var(--gold-soft)}.wallet-card{background:var(--forest);color:#fff;border-radius:20px;grid-template-columns:1fr 112px;align-items:center;gap:12px;margin:18px 0;padding:18px;display:grid}.wallet-card .eyebrow{color:#d7c08f}.wallet-card strong{font-family:Georgia,serif;font-size:2rem;font-weight:500}.wallet-card p:last-child{color:#ffffffb3;grid-column:1/-1;margin:0;font-size:.88rem}.member-qr{background:#fff;border-radius:14px;width:112px;height:112px;padding:7px}.history-section{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.history-list,.reward-list{gap:9px;display:grid}.history-row,.reward-row{border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.history-row strong.positive{color:#4e7449}.history-row strong.negative{color:var(--danger)}.admin-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:18px;display:grid}.admin-card{margin:0}.admin-card h2{margin-bottom:10px}.expiry-preview{background:var(--sage-soft);color:var(--forest);border-radius:13px;margin:12px 0 18px;padding:12px;font-weight:700}.invite-list{gap:10px;display:grid}.invite-row{border:1px solid var(--line);border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:14px;display:grid}.invite-row strong{word-break:break-word;display:block}.invite-row small{color:var(--muted);margin-top:4px;display:block}.badge{background:var(--sage-soft);color:#496646;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:800;display:inline-block}.badge.expired,.badge.revoked{color:var(--danger);background:#f6e5e3}.row-actions{grid-column:1/-1;gap:8px;display:flex}.small-button{border:1px solid var(--line);min-height:43px;color:var(--forest);background:#fff;border-radius:12px;padding:8px 12px;font-weight:700}.small-button.danger{color:var(--danger);border-color:#edd1cd}.wallet-admin{grid-column:1/-1}.admin-help{color:var(--muted)}.scanner-video{aspect-ratio:4/3;object-fit:cover;background:#121912;border-radius:18px;width:min(100%,520px);margin:14px 0;display:block}.scan-actions{gap:8px;display:flex}.member-result{border:1px solid var(--line);background:var(--sage-soft);border-radius:16px;margin-top:16px;padding:16px}.member-result h3{margin:0 0 4px;font-family:Georgia,serif;font-size:1.35rem}.member-result p{color:var(--muted);margin:3px 0}.credit-editor{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.credit-editor input{border:1px solid var(--line);text-align:center;border-radius:12px;width:90px;min-height:46px;padding:8px;font-size:1.1rem}.credit-editor button{min-height:46px}.stats-admin,.reward-admin{grid-column:1/-1}.stats-summary{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat-box{background:var(--sage-soft);border-radius:16px;padding:14px}.stat-box span{color:var(--muted);font-size:.85rem;display:block}.stat-box strong{color:var(--forest);font-family:Georgia,serif;font-size:1.55rem;display:block}.member-stat-card{border:1px solid var(--line);border-radius:18px;padding:16px}.heatmap{grid-template-columns:repeat(28,1fr);gap:4px;margin:14px 0;display:grid;overflow:hidden}.heat-cell{aspect-ratio:1;background:#edf0e9;border-radius:3px}.heat-cell.l1{background:#c7d4bf}.heat-cell.l2{background:#8faa82}.heat-cell.l3{background:#587551}.heat-cell.l4{background:#2e4b32}.pending-list{gap:9px;margin:14px 0;display:grid}.pending-item{background:#fff;border:1px solid #ccd6c8;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.reward-popup{background:var(--gold-soft);border:1px solid #e1c686;border-radius:20px;margin:0 0 20px;padding:20px 64px 18px 20px;transition:all .2s;position:relative}.reward-popup button{width:46px;height:46px;color:var(--forest);background:#fff;border:0;border-radius:50%;font-size:1.4rem;position:absolute;top:12px;right:12px}.reward-popup h2{margin-bottom:8px}.reward-popup p:last-child{margin-bottom:0}.reward-collapsed-label{color:var(--forest);font-weight:750;display:none}.reward-popup.collapsed{padding-top:18px;padding-bottom:18px}.reward-popup.collapsed .reward-popup-content{display:none}.reward-popup.collapsed .reward-collapsed-label{display:block}.reward-row{align-items:flex-start}.reward-row small{color:var(--muted);margin-top:3px;display:block}.reward-actions{flex-wrap:wrap;gap:6px;display:flex}.audience-pills{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.choice-pill{border:1px solid var(--line);min-height:46px;color:var(--forest);background:#fff;border-radius:999px;padding:9px 18px;font-size:1rem;font-weight:800}.choice-pill.selected,.choice-pill[aria-pressed=true]{background:var(--forest);border-color:var(--forest);color:#fff}.disabled-field{opacity:.5}.reward-target-field{position:relative}.member-suggestions{z-index:20;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;max-height:300px;margin-top:6px;padding:6px;position:absolute;top:100%;left:0;right:0;overflow:auto}.member-suggestions button{text-align:left;width:100%;color:var(--ink);background:#fff;border:0;border-radius:11px;padding:11px 12px}.member-suggestions button:hover,.member-suggestions button:focus{background:var(--sage-soft)}.member-suggestions span,.member-suggestions small{display:block}.member-suggestions span{font-weight:750}.member-suggestions small{color:var(--muted);margin-top:2px}.reward-pill{background:var(--gold-soft);border-color:#dfc78e;border-radius:999px}.member-reward-dialog{border-radius:28px;max-width:560px;top:50%;bottom:auto;transform:translate(-50%,-50%)}.member-reward-dialog .field{margin:18px 0}.payment-choice{border:1px solid var(--line);cursor:pointer;border-radius:16px;align-items:flex-start;gap:12px;margin:10px 0;padding:14px;display:flex}.payment-choice input{width:20px;height:20px;accent-color:var(--forest);margin-top:2px}.payment-choice strong,.payment-choice span{display:block}.payment-choice span{color:var(--muted);margin-top:3px;font-size:.88rem}.credit-stepper{background:var(--gold-soft);border-radius:16px;justify-content:center;align-items:center;gap:14px;margin:12px 0;padding:14px;display:flex}.credit-stepper button{width:48px;height:48px;color:var(--forest);background:#fff;border:1px solid #d9c28d;border-radius:50%;font-size:1.5rem}.credit-stepper strong{text-align:center;min-width:90px;font-size:1.15rem}.bottom-nav{display:none}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;background:#1622197a;position:fixed;inset:0}.sheet{z-index:70;background:var(--paper);border-radius:28px 28px 0 0;width:min(620px,100%);max-height:88vh;padding:26px 24px 32px;position:fixed;bottom:0;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 -24px 70px #16221933}.sheet-handle{background:#d0d5cc;border-radius:99px;width:48px;height:5px;margin:-13px auto 18px}.close{background:var(--sage-soft);width:44px;height:44px;color:var(--forest);border:0;border-radius:50%;font-size:1.5rem;position:absolute;top:18px;right:20px}.sheet h2{padding-right:52px}.sheet-sub{color:var(--muted);margin:6px 0 18px}.slot-list{gap:9px;display:grid}.slot-row{border:1px solid var(--line);border-radius:15px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.slot-row button{background:var(--forest);color:#fff;border:0;border-radius:11px;min-height:44px;padding:8px 13px;font-weight:800}.summary{background:var(--sage-soft);border-radius:16px;margin:18px 0;padding:14px}.summary div{justify-content:space-between;gap:16px;padding:7px 0;display:flex}.summary span{color:var(--muted)}.price{font-family:Georgia,serif;font-size:1.35rem}.sheet-actions{gap:9px;display:grid}.schedule{border:1px solid var(--line);border-radius:16px;grid-template-columns:72px repeat(4,1fr);min-width:500px;display:grid;overflow:hidden}.schedule-wrap{overflow:auto}.schedule div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;padding:10px 6px}.schedule .head{background:var(--forest);color:#fff;font-size:.75rem;font-weight:800}.schedule button{color:#fff;background:#5c7e57;border:0;border-radius:50%;width:36px;height:36px;font-size:.72rem;font-weight:800}.schedule button:disabled{color:#7c827d;background:#d9ddd6}.toast{z-index:90;opacity:0;pointer-events:none;background:var(--forest);color:#fff;max-width:calc(100% - 32px);box-shadow:var(--shadow);border-radius:14px;padding:13px 17px;transition:all .2s;position:fixed;bottom:26px;left:50%;transform:translate(-50%,30px)}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:820px){.app{padding:0;display:block}.sidebar{display:none}.main{border:0;border-radius:0;min-height:100vh}.topbar{height:74px;padding:0 18px}.mobile-logo{object-fit:cover;object-position:center 37%;border-radius:10px;width:88px;height:58px;display:block}.top-title{display:none}.content{padding:24px 16px 110px}.welcome{display:block}.hours{width:100%;margin-top:18px}.seat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seat{min-height:154px}.section-card{padding:17px}.admin-grid{grid-template-columns:1fr}.bottom-nav{z-index:50;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#243628f7;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #16221926}.stats-summary{grid-template-columns:1fr}.heatmap{grid-template-columns:repeat(14,1fr)}.bottom-nav .nav-item{text-align:center;flex-direction:column;flex:1;justify-content:center;gap:2px;min-width:0;min-height:62px;padding:7px 4px;font-size:.76rem;display:flex}.bottom-nav .nav-item span{font-size:1.15rem}.bottom-nav .nav-item.active{background:var(--ivory)}}@media (max-width:520px){html{font-size:17px}.auth-shell{padding:14px}.auth-card{border-radius:26px;padding:28px 20px}.auth-logo{width:250px}.quick-grid{grid-template-columns:1fr}.section-heading{align-items:center}.capacity{text-align:right;max-width:120px}.booking-card{grid-template-columns:1fr 76px}.qr{width:76px;height:76px}.profile-card .primary,.profile-card .outline{width:100%;margin:8px 0 0}.sheet{padding-left:18px;padding-right:18px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:focus-visible{outline-offset:4px;outline:3px solid #9b7939}.ui-icon{flex-shrink:0;width:26px;height:26px;display:block}.chair{place-items:center;display:grid}.chair .ui-icon{width:44px;height:44px}.nav-item>span,.staff-nav button>span,.close,.reward-popup>button{place-items:center;display:grid}.greeting-name{white-space:nowrap}.profile-edit{border:1px solid var(--line);border-radius:18px;margin-top:24px;padding:18px}.profile-edit summary{cursor:pointer;min-height:34px;font-weight:700}.profile-edit[open] summary{margin-bottom:20px}.profile-card{max-width:640px}.wallet-card{margin-top:0}.history-section .section-heading{align-items:flex-start}.history-section .text-button{white-space:nowrap}.topbar{padding-right:88px}.language-toggle{font-size:1rem}.auth-card .auth-logo{width:210px;margin:0 auto 12px}.auth-card h1{font-size:2.65rem;line-height:1.12}.eyebrow{color:#617050;font-size:.82rem}.field span,.fine{color:#59675d}.wallet-card{text-align:center;background:#2e4433;grid-template-columns:1fr;padding:28px 20px}.wallet-card .member-qr{border-radius:20px;width:220px;max-width:100%;height:220px;margin:auto;padding:12px}.wallet-card strong{font-size:2.8rem}.wallet-card p:last-child{color:#eff3e9;font-size:1rem}.history-row small{color:var(--muted);margin-top:4px;font-size:.88rem;display:block}.history-row>strong{white-space:nowrap;font-size:1.2rem}.small-button{min-height:48px}.member-token{overflow-wrap:anywhere;letter-spacing:.04em;color:#f7eedc;font-size:.85rem}.wallet-card p{margin:0}.schedule button{min-width:48px;min-height:48px}.schedule{min-width:560px}.walk-in-pay{border-top:1px solid #ffffff30;margin-top:12px;padding-top:20px}.walk-in-pay h3{margin:0 0 12px;font-size:1.1rem;font-weight:600}.walk-in-pay .credit-stepper{color:var(--forest)}.walk-in-pay .credit-stepper strong{font:700 1.2rem Segoe UI,sans-serif}.walk-in-pay .text-button{color:#f2dfb5}.walk-in-pay #walkInStatus{margin-top:12px;font-size:1rem}.row-actions{flex-wrap:wrap}.booking-card .badge{align-self:start}.booking-card{grid-template-columns:1fr auto}.staff-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;max-width:1440px;margin:auto;padding:18px 32px;display:flex}.staff-brand{align-items:center;gap:16px;display:flex}.staff-brand img{object-fit:contain;background:#fff;border-radius:18px;width:78px;height:78px}.staff-brand strong{font-family:Georgia,serif;font-size:1.9rem;font-weight:500;display:block}.staff-brand span{color:var(--muted);letter-spacing:.2em;font-size:.7rem;display:block}.staff-session{align-items:center;gap:18px;font-size:.95rem;display:flex}.staff-layout{grid-template-columns:230px minmax(0,1fr);gap:32px;max-width:1440px;margin:auto;padding:32px;display:grid}.staff-nav{align-self:start;gap:8px;display:grid;position:sticky;top:24px}.staff-nav .eyebrow{padding:0 15px}.staff-nav button{color:#506052;text-align:left;background:0 0;border:0;border-radius:15px;align-items:center;gap:12px;min-height:56px;padding:14px 16px;font-weight:700;display:flex}.staff-nav button span{font-size:1.4rem}.staff-nav button.active{background:var(--forest);color:#fff;box-shadow:0 8px 22px #24362818}.staff-content{min-width:0}.staff-content .page-heading h1{margin:8px 0 14px;font-size:clamp(2rem,4vw,2.8rem)}.staff-content .page-heading{margin-bottom:28px}.staff-content .admin-card{border-radius:22px;padding:26px;box-shadow:0 4px 18px #24362805}.staff-content .admin-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:start}.booking-admin{grid-column:1/-1}.stats-summary{margin:18px 0}.stat-box{background:#f1f3ec;padding:18px}.stat-box strong{font-size:1.75rem}.stat-box strong small{font:600 1rem Segoe UI,sans-serif;display:block}.heatmap{grid-template-rows:repeat(7,14px);grid-template-columns:repeat(28,14px);grid-auto-flow:column;gap:5px;padding-bottom:8px;overflow:auto}.heat-cell{width:14px;height:14px}.reward-row{flex-wrap:wrap}.reward-row>div:first-child{overflow-wrap:anywhere;flex:1;min-width:180px}.staff-content .member-result{background:#f4f6ee;padding:22px}@media (max-width:900px){.staff-header{padding:12px 18px}.staff-layout{padding:18px 16px 40px;display:block}.staff-nav{gap:8px;margin-bottom:18px;padding-bottom:12px;display:flex;position:static;overflow-x:auto}.staff-nav .eyebrow{display:none}.staff-nav button{white-space:nowrap;border:1px solid var(--line);background:#fff;flex:none;min-height:50px;padding:10px 14px}.staff-nav button span{font-size:1.15rem}.staff-session span{display:none}.staff-content .admin-grid{grid-template-columns:1fr}.staff-content .admin-card{padding:20px}.staff-brand img{width:60px;height:60px}.staff-brand strong{font-size:1.6rem}}@media (max-width:520px){.auth-card h1{font-size:2.1rem}.auth-card .auth-logo{width:180px}.bottom-nav .nav-item{min-height:68px;font-size:.92rem}.bottom-nav .nav-item span{font-size:1.45rem}.section-heading{gap:10px}.section-heading .text-button{font-size:.92rem}.booking-card{grid-template-columns:1fr}.booking-card .badge{justify-self:start}.profile-card{padding:18px}.welcome h1{font-size:2.25rem}.sheet h2{font-size:1.6rem}}@media (max-width:820px){.hours{justify-content:space-between;align-items:center;margin-top:16px;padding:12px 16px;display:flex}.hours small{margin:0}.welcome h1{font-size:2rem}.mobile-logo{object-fit:contain;width:70px;height:64px}.topbar{height:78px}.history-section h2{font-size:1.35rem}.history-section .section-heading{flex-wrap:wrap}.bottom-nav{background:#243628}.greeting-name{white-space:normal;display:inline-block}}.profile-card{box-shadow:none;background:0 0;border:0;padding:0}@media (max-width:900px){.staff-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid;overflow:visible}.staff-nav button{white-space:normal;text-align:center;flex-direction:column;justify-content:center;gap:6px;min-height:86px;padding:10px 6px;font-size:.9rem;line-height:1.3;display:flex}.staff-nav .ui-icon{width:25px;height:25px}}