@font-face {
  font-family:"Tel Aviv";
  src:url("/fonts/telaviv-modernistregular.woff2") format("woff2");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
@font-face {
  font-family:"Tel Aviv";
  src:url("/fonts/telaviv-modernistbold.woff2") format("woff2");
  font-style:normal;
  font-weight:700;
  font-display:swap;
}
:root {
  color-scheme: light;
  --ink:#1d2129; --muted:#626974; --cream:#f3f4f6; --paper:#fff; --line:#dfe3e8;
  --accent:#0064d9; --accent-dark:#0054b8; --green:#e2f1e8; --reward:#16654e;
  --glass:rgba(255,255,255,.72); --glass-line:rgba(255,255,255,.94);
  --shadow:0 12px 38px -18px rgba(32,43,61,.23),0 2px 5px rgba(32,43,61,.04);
  --ease:cubic-bezier(.2,.8,.2,1);
  font-family:"Tel Aviv",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  font-synthesis:none; -webkit-font-smoothing:antialiased; font-size:15px;
}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:var(--cream);min-width:320px;line-height:1.5}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(125deg,#e5e9ee 0%,#f7f8fa 39%,#f4f6f7 70%,#e6eceb 100%);pointer-events:none}
button,input,select,textarea,a{font:inherit}
button,a,input,select,textarea{touch-action:manipulation}
button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}
a{color:inherit;text-decoration:none;text-underline-offset:4px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #0876e5;outline-offset:4px}
::selection{color:#103765;background:#c9e3ff}
*{scrollbar-width:thin;scrollbar-color:#aeb8c6 transparent}
input,textarea{caret-color:var(--accent)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{text-wrap:balance;overflow-wrap:anywhere}
h1{font-size:clamp(2rem,2.7vw,2.4rem);font-weight:700;line-height:1.25;letter-spacing:0;margin-bottom:12px}
h2{font-size:1.4rem;line-height:1.4;font-weight:700;letter-spacing:0;margin-bottom:12px}
h3{font-size:1.1rem;line-height:1.4;margin-bottom:8px}
p{line-height:1.65;margin-bottom:16px}small{font-size:.8rem}
.icon{display:inline-block;flex:none;width:21px;height:21px;vertical-align:middle}
.muted,.subtle,.footnote{color:var(--muted)}.subtle{font-size:.85rem}.footnote{font-size:.8rem;line-height:1.65;margin:14px 0 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:1px solid transparent;border-radius:14px;padding:11px 18px;background:var(--accent);color:#fff;font-weight:700;font-size:.93rem;line-height:1.4;transition:background .18s,box-shadow .18s,transform .18s var(--ease)}
.btn:not(:disabled):hover{background:var(--accent-dark);box-shadow:0 5px 14px -7px #20304430;transform:translateY(-1px)}
.btn:not(:disabled):active{transform:scale(.97);box-shadow:none}
.btn.secondary{background:rgba(255,255,255,.8);border:1px solid #dce2e8;color:var(--ink);box-shadow:0 2px 4px #1f344007,inset 0 1px 0 #fff}
.btn.secondary:not(:disabled):hover{background:#fff;border-color:#b9c7d7}
.btn.light{background:#e5f0ff;color:#0054b8}
.btn.text-button,.link-btn{background:transparent;color:var(--accent);border:0;padding:8px 0;box-shadow:none;font-size:.9rem;min-height:44px}
.btn.text-button:hover{background:transparent;box-shadow:none;text-decoration:underline;transform:none}
.btn.text-button .icon{order:1;width:17px}.full{width:100%}.actions{display:flex;gap:10px;flex-wrap:wrap}
label{display:block;font-weight:700;font-size:.87rem;margin-bottom:8px}
input,select,textarea{width:100%;min-height:46px;background:#fbfcfd;border:1px solid #d9dfe7;border-radius:12px;padding:11px 13px;color:var(--ink);transition:border-color .18s,box-shadow .18s}
input::placeholder,textarea::placeholder{color:#6b7480;opacity:1}
input:hover,select:hover,textarea:hover{border-color:#b7c3d0}input:focus,select:focus,textarea:focus{border-color:#0876e5;box-shadow:0 0 0 3px #0876e514;outline:none}
select{cursor:pointer;padding-inline-end:34px}textarea{min-height:130px;resize:vertical}.field{margin-bottom:22px}.field small{display:block;margin-top:6px;color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:-100px;right:20px;z-index:100;background:#fff;color:var(--accent);padding:12px 20px;border-radius:12px}.skip-link:focus{top:10px}
/* Glass belongs to the functional layer above the solid content. */
.glass-sidebar,.app-toolbar,.nav-lens,.profile-button{border:1px solid var(--glass-line);background:var(--glass);backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35);box-shadow:var(--shadow),inset 0 1px 1px #fff}
.app-shell{display:grid;grid-template-columns:226px minmax(0,1fr);gap:30px;max-width:1600px;margin:0 auto;padding:20px;min-height:100svh}
.glass-sidebar{position:sticky;top:20px;align-self:start;min-height:calc(100svh - 40px);max-height:calc(100svh - 40px);overflow:auto;border-radius:28px;display:flex;flex-direction:column;padding:28px 16px 18px}
.app-brand{display:flex;align-items:center;gap:9px;padding:0 16px;width:max-content}.brand-mark{width:31px;height:31px;color:var(--ink)}
.app-brand>span{font-size:36px;line-height:1;font-weight:700;letter-spacing:0}.brand-dot{color:var(--accent)}
.business-identity{display:flex;gap:11px;align-items:center;padding:30px 12px 24px}.business-icon{height:38px;width:38px;display:grid;place-items:center;background:#e8eeeb;color:#2a5a46;border-radius:12px;flex-shrink:0}.business-identity strong{font-size:.9rem;display:block;overflow-wrap:anywhere}.business-identity small{display:block;color:var(--muted);font-size:.75rem;margin-top:2px}
.app-nav{position:relative;display:grid;gap:6px;isolation:isolate}.app-nav button{position:relative;z-index:1;display:flex;align-items:center;gap:13px;min-height:48px;border:0;border-radius:14px;background:transparent;color:#545d69;text-align:right;padding:12px 16px;transition:color .18s,background .18s;font-size:.92rem;font-weight:400}
.app-nav button:hover{background:rgba(213,222,234,.25);color:var(--ink)}.app-nav button[aria-current]{color:#0058c1;font-weight:700}.app-nav .icon{width:20px;height:20px}
.nav-lens{position:absolute;left:0;top:0;background:linear-gradient(140deg,#ffffffec,#e1ecf8b0);border-radius:15px;box-shadow:0 4px 12px -6px #57789c70,inset 0 1px 0 white,inset 0 -1px 0 #a3b9cc28;transition:transform .4s var(--ease);pointer-events:none;z-index:0}
.sidebar-bottom{margin-top:auto;padding:32px 12px 0}.demo-indicator{font-size:.77rem;font-weight:700;display:flex;align-items:center;gap:7px;color:#4c5661}.demo-indicator>span{width:6px;height:6px;border-radius:50%;background:#318167}.sidebar-bottom p{font-size:.75rem;color:var(--muted);line-height:1.8;margin:8px 0 16px}.sidebar-login{display:flex;align-items:center;gap:8px;padding-top:15px;border-top:1px solid #dce2e7;font-size:.83rem;min-height:44px}.sidebar-login .icon{width:17px}.sidebar-login .icon:last-child{margin-inline-start:auto}
.app-main{min-width:0;padding:0 12px 0 10px;outline:none}.app-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:60px;border-radius:21px;padding:10px 18px;margin-bottom:35px;background:#ffffff65;box-shadow:0 3px 12px -6px #1d314d10,inset 0 1px 0 white}
.breadcrumb{display:flex;align-items:center;gap:9px;font-size:.8rem;color:var(--muted);min-width:0}.breadcrumb>span:first-child{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb .icon{width:12px;height:12px;transform:rotate(180deg);color:#77818e}.breadcrumb>span:last-child{color:var(--ink);font-weight:400;white-space:nowrap}.toolbar-actions{display:flex;gap:14px;align-items:center}.demo-pill{color:#5c6673;font-size:.73rem;background:#edf0f3;border:1px solid #e0e5eb;padding:5px 10px;border-radius:100px;white-space:nowrap}.profile-button{height:36px;width:36px;border-radius:50%;display:grid;place-items:center;box-shadow:0 3px 6px -4px #2f435866}.profile-button .icon{width:17px;height:17px}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 4px 28px}.page-heading h1{margin-bottom:8px}.page-heading p{color:var(--muted);margin:0;font-size:.95rem}.page-heading>.btn{flex:none;font-size:.83rem;padding:10px 14px;border-radius:100px;backdrop-filter:blur(20px)}
#view-content{min-width:0}
.club-workbench{display:grid;grid-template-columns:minmax(255px,.93fr) minmax(320px,1.07fr);background:linear-gradient(115deg,#ecf0f2,#fff 55%);border:1px solid #fff;border-radius:28px;overflow:hidden;box-shadow:0 3px 14px -7px #30435b18}
.workbench-copy{padding:36px 32px;display:flex;flex-direction:column;justify-content:center;align-items:start;min-width:0}.workbench-copy h2{font-size:clamp(1.25rem,1.75vw,1.65rem);line-height:1.4;margin-bottom:10px}.workbench-copy>p,.section-heading p{font-size:.9rem;line-height:1.7;color:var(--muted);margin-bottom:22px}.quick-member{width:100%;max-width:330px;margin:14px 0 18px}.quick-member label{font-size:.8rem;font-weight:400;color:#505a65}.quick-member select{background:#f8fafb;min-height:46px}
.counter-actions{display:flex;gap:8px;flex-wrap:wrap;width:100%}.counter-actions .btn{font-size:.88rem;padding:11px 15px;border-radius:14px}.action-note{font-size:.77rem;color:var(--muted);margin:10px 0 0}.preview-note{display:flex;gap:7px;font-size:.72rem;color:#626c79;margin-top:28px;align-items:start;max-width:32ch}.preview-note .icon{width:15px;height:15px;margin-top:2px}
.pass-stage{min-height:365px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 25px 27px;position:relative;perspective:1200px;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#f7f9fa55,#e4eae880)}
.pass-platform{position:absolute;z-index:-1;width:88%;height:38%;bottom:22px;border-radius:50%;background:radial-gradient(ellipse,#8faaa354,transparent 68%);transform:scaleY(.5)}
.loyalty-pass{--pass-bg:#204e41;--pass-light:#406e59;--pass-ink:#f3faf4;--pass-muted:#d1e6d7;--rx:0deg;--ry:0deg;--shine-x:50%;position:relative;width:100%;max-width:382px;border-radius:25px;padding:25px 27px 20px;color:var(--pass-ink);background:linear-gradient(120deg,var(--pass-light),var(--pass-bg) 66%);border:1px solid #ffffff60;box-shadow:0 24px 33px -17px #163e4163,0 6px 9px -4px #15332b33,inset 0 1px 1px #ffffff50;transform:rotateX(var(--rx)) rotateY(var(--ry)) rotate(-2deg);transition:transform .35s var(--ease),box-shadow .35s var(--ease);overflow:hidden;isolation:isolate}
.loyalty-pass.graphite{--pass-bg:#303844;--pass-light:#5b6879;--pass-muted:#dce1e9}
.loyalty-pass.ocean{--pass-bg:#173e68;--pass-light:#3d6b91;--pass-muted:#d5e6f6}
.loyalty-pass.copper{--pass-bg:#683d2b;--pass-light:#94694c;--pass-muted:#f2dfd1}
.pass-sheen{position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--shine-x) 0%,#ffffff1a,transparent 65%),linear-gradient(125deg,transparent 25%,#ffffff09 40%,transparent 60%);transition:background-position .4s}
.pass-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--pass-muted)}.pass-heading>.icon{width:21px;height:21px}.pass-brand{display:flex;align-items:center;gap:8px;min-width:0;font-size:1.08rem;font-weight:700;color:var(--pass-ink)}.pass-brand span{overflow-wrap:anywhere}.pass-brand .icon{width:23px;height:23px}
.pass-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.8rem;color:var(--pass-muted);margin:14px 0 25px}.pass-title small{font-size:.67rem;border:1px solid #ffffff30;padding:3px 7px;border-radius:5px;white-space:nowrap}
.pass-stamps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:17px}.pass-stamp{display:grid;place-items:center;aspect-ratio:1;max-height:45px;border-radius:50%;border:1px solid #d0e8da45;background:#ffffff05;color:#b8d1c3}.pass-stamp>span{width:5px;height:5px;border:1px solid #d0e8da90;border-radius:50%}.pass-stamp .icon{width:19px;height:19px}.pass-stamp.earned{color:var(--pass-bg);background:#e2eedb;border-color:#f2f7eb;box-shadow:0 2px 5px #09281b1a,inset 0 1px 0 #fff9}
.pass-progress{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:9px 0 18px;font-size:.75rem;color:var(--pass-muted)}.pass-progress strong{font-size:1.85rem;letter-spacing:0;color:var(--pass-ink);font-weight:700;line-height:1}.pass-progress strong span{font-size:.85rem;color:var(--pass-muted);font-weight:400;letter-spacing:0}.pass-footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff27;padding-top:14px;gap:22px}.pass-footer>div{min-width:0}.pass-footer small{display:block;font-size:.64rem;color:var(--pass-muted);margin-bottom:3px}.pass-footer strong{display:block;font-size:.79rem;font-weight:400;overflow-wrap:anywhere}.pass-caption{display:flex;align-items:center;gap:5px;font-size:.68rem;margin-top:23px;color:#616e74}.pass-caption .icon{width:12px;height:12px}
.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:26px 0;padding:12px 8px;gap:0}.summary-strip>div{padding:0 27px;border-inline-end:1px solid #d7dde4}.summary-strip>div:first-child{padding-inline-start:6px}.summary-strip>div:last-child{border:0}.summary-strip dt{font-size:.84rem;color:var(--muted);margin-bottom:7px}.summary-strip dd{margin:0;font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2;letter-spacing:0}.summary-strip dd span{font-size:.75rem;color:var(--muted);font-weight:400;margin-inline-start:12px;letter-spacing:0;white-space:nowrap}
.surface{background:var(--paper);border:1px solid #e3e7ed;border-radius:23px;padding:10px 25px 6px;margin-top:22px;overflow:hidden;box-shadow:0 3px 10px -6px #1d355020}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0 14px}.section-head h2{margin:0;font-size:1.1rem}.section-head .btn{font-size:.81rem}.member-list{padding-bottom:5px}.member-row{border:0;border-top:1px solid #edf0f3;display:flex;align-items:center;gap:15px;padding:17px 0;width:100%;text-align:right;background:transparent;color:var(--ink);border-radius:0;transition:background .18s}.member-row:hover{background:#f7f9fc}.person-avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;font-size:.84rem;font-weight:700;flex:none;background:#e6efe6;color:#356b4d}.person-avatar.blue{background:#e7effa;color:#39618d}.person-avatar.peach{background:#faede4;color:#895334}.person-avatar.lilac{background:#eeebf4;color:#695584}.member-name{min-width:0;flex:1}.member-name strong{font-size:.89rem;display:block;font-weight:700;overflow-wrap:anywhere}.member-name small{display:block;color:var(--muted);font-size:.7rem;margin-top:2px}.member-balance{width:98px;margin-inline:10px}.member-balance strong{font-size:.83rem;font-weight:400;display:block;font-variant-numeric:tabular-nums}.mini-progress{display:block;height:3px;background:#e7ebef;border-radius:3px;width:65px;margin-top:7px;overflow:hidden}.mini-progress i{display:block;height:100%;background:#527d6d;border-radius:3px}.member-status{font-size:.73rem;color:#657080;width:111px;text-align:center;padding:5px 8px;border-radius:7px;white-space:nowrap}.member-status.ready{background:#edf5ef;color:#1a6543;display:flex;align-items:center;justify-content:center;gap:5px}.member-status .icon{width:13px;height:13px}.row-arrow{width:16px;height:16px;color:#6c7785;margin-inline-start:15px}
.workspace-footer{display:flex;justify-content:space-between;font-size:.71rem;color:#68727e;padding:22px 4px 5px}
.search-control{display:flex;align-items:center;gap:9px;border:1px solid #dfe5ec;border-radius:11px;padding:0 12px;background:#f8fafc;max-width:300px;flex:1}.search-control .icon{width:18px;height:18px;color:#697888}.search-control input{min-width:0;border:0;background:transparent;padding:9px 0;box-shadow:none;min-height:44px;font-size:.86rem}.search-control:focus-within{outline:2px solid #0876e5;outline-offset:2px}
.segmented{display:flex;align-items:center;gap:3px;background:#edf0f4;border:1px solid #e5e9ee;padding:3px;border-radius:11px}.segmented button{border:0;border-radius:8px;min-height:38px;background:transparent;color:#626b76;padding:6px 12px;font-size:.8rem;white-space:nowrap;transition:background .2s,box-shadow .2s}.segmented button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 2px 4px #24364a12}.segmented button span{font-size:.7rem;color:#697888;margin-inline-start:4px}
.enroll-surface{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;padding:28px}.enroll-surface h2{font-size:1.2rem}.enroll-surface p{font-size:.88rem;color:var(--muted);margin-bottom:0}.enroll-form{display:grid;grid-template-columns:1fr auto;gap:10px}.enroll-form input{min-width:0}.enroll-form .footnote{grid-column:1/-1;font-size:.74rem;margin:0}
.counter-symbol{display:grid;place-items:center;background:#e9f1fa;color:#356ba3;border-radius:14px;width:47px;height:47px;margin-bottom:18px}.counter-symbol .icon{width:25px;height:25px}.counter-workbench .pass-stage{min-height:410px}
.event-row{display:flex;align-items:center;gap:14px;padding:17px 0;border-top:1px solid #edf0f3}.event-icon{display:grid;place-items:center;background:#f0f3f7;color:#627184;border-radius:12px;height:39px;width:39px}.event-icon.reward{background:#edf5ef;color:#286444}.event-icon .icon{width:19px;height:19px}.event-row strong{font-size:.87rem;font-weight:700}.event-row p{font-size:.77rem;color:var(--muted);margin:3px 0 0}.event-row time{margin-inline-start:auto;font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}.event-delta{font-size:.9rem;font-weight:700;min-width:35px;text-align:left}
.empty-state{text-align:center;padding:45px 20px 38px;color:var(--muted)}.empty-state>.icon{width:30px;height:30px;color:#738298;margin-bottom:15px}.empty-state h3{color:#495464;font-weight:700}.empty-state p{font-size:.87rem;max-width:35ch;margin:0 auto 7px}.empty-state.compact{padding:26px 20px 23px}.empty-state.compact>.icon{width:25px;height:25px;margin-bottom:8px}.empty-state.compact h3{font-size:1rem}.count-label{font-size:.78rem;color:var(--muted)}
.wallet-providers{width:100%;margin-top:6px}.wallet-providers>div{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #e2e7ec}.wallet-providers strong{font-size:.87rem;font-weight:700}.wallet-providers span{font-size:.71rem;color:#656d78;margin-inline-start:auto}.wallet-providers .icon{width:20px}
.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:26px}.settings-form{margin:0;padding:30px}.settings-form h2{font-size:1.24rem;margin-bottom:27px}.settings-form .btn{margin-top:15px}.palette-picker{border:0;padding:0;margin:0 0 8px;display:flex;gap:12px;flex-wrap:wrap}.palette-picker legend{font-weight:700;font-size:.87rem;margin-bottom:12px}.palette{display:flex;align-items:center;gap:6px;position:relative;font-size:.76rem;font-weight:400;cursor:pointer;min-height:44px;margin:0}.palette input{position:absolute;width:1px;height:1px;min-height:0;opacity:0}.color-dot{width:23px;height:23px;border-radius:50%;background:#285743;border:3px solid #fff;box-shadow:0 0 0 1px #d8dfe7}.palette.graphite .color-dot{background:#445265}.palette.ocean .color-dot{background:#326088}.palette.copper .color-dot{background:#916448}.palette input:checked+.color-dot{box-shadow:0 0 0 2px #1d2129}.palette input:focus-visible+.color-dot{outline:3px solid var(--accent);outline-offset:3px}.settings-preview{min-width:0}.settings-preview>.section-head{padding:7px 8px}.settings-preview .pass-stage{min-height:395px;border-radius:26px}.settings-preview .pass-stage .loyalty-pass{transform:none}.setup-note{display:flex;gap:12px;margin:28px 10px}.setup-note>.icon{width:19px;color:#62748a;flex:none;margin-top:3px}.setup-note strong{font-size:.9rem;font-weight:700}.setup-note p{font-size:.83rem;color:var(--muted);margin:8px 0}.text-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:.85rem;min-height:44px}.text-link .icon{width:16px}
#toast{display:none;position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:90;max-width:min(480px,calc(100% - 32px));padding:14px 23px;background:#263240eb;color:#fff;border:1px solid #ffffff35;border-radius:18px;font-size:.88rem;line-height:1.5;text-align:center;box-shadow:0 8px 28px #0e24352b;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}#toast.show{display:block;animation:toast-in .3s var(--ease)}
/* Real-account surfaces use the same tokens without changing auth behavior. */
.shell{display:grid;grid-template-columns:215px minmax(0,1fr);gap:28px;padding:20px;min-height:100svh}.side{position:sticky;top:20px;align-self:start;padding:28px 20px;min-height:calc(100svh - 40px);background:var(--glass);border:1px solid white;border-radius:26px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:30px}.logo{font-size:37px;font-weight:700;letter-spacing:0}.logo span{color:var(--accent)}.brand small{display:block;color:var(--muted);font-size:.75rem;margin-top:5px}.nav{display:grid;gap:6px}.nav button{display:flex;align-items:center;gap:8px;text-align:right;border:0;background:transparent;border-radius:13px;min-height:46px;padding:11px;color:var(--muted);font-size:.85rem;transition:background .2s}.nav button.active{background:#fff;color:var(--accent);box-shadow:0 3px 8px #2f425017}.side-foot{margin-top:auto;font-size:.82rem}.side-foot select{margin:8px 0}.side-foot label{font-size:.75rem}.demo-tag{display:inline-block;border:1px solid #dae2ec;background:#f2f5f8;border-radius:30px;padding:5px 10px;font-size:.71rem;color:#5d6979}.main{min-width:0;max-width:1320px;width:100%;margin:auto;padding:0 14px 20px}.top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.8rem;color:var(--muted);min-height:60px;background:var(--glass);border:1px solid #fff;border-radius:20px;padding:12px 20px}.avatar{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e6edf4;margin-inline-end:8px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:34px 0 25px}.eyebrow{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #e0e6ec;border-radius:26px;overflow:hidden;min-height:290px}.hero-copy{padding:30px}.hero h2{font-size:2.3rem;line-height:1.2}.hero p{max-width:38ch}.hero-art{display:grid;place-items:center;padding:30px;background:linear-gradient(135deg,#e9eef0,#f7f9fa);position:relative;overflow:hidden}.orbit{display:none}.mini-card{width:min(100%,300px);background:linear-gradient(120deg,#47735e,#204e41);color:white;border:1px solid #ffffff66;border-radius:22px;padding:25px;transform:rotate(-4deg);box-shadow:0 20px 30px -16px #1f473566}.mini-card h3{font-size:1.75rem;margin:14px 0 20px}.mini-card small{font-size:.6rem}.mini-card footer{display:flex;justify-content:space-between;gap:15px;margin-top:22px;font-size:.68rem}.mini-card .stamp{width:32px;height:32px;border-color:#ffffff55;color:#eef4e9}.mini-card .stamp.filled{background:#e2eedb;color:#214635}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:26px 0;gap:15px}.metric{padding:14px 20px;border-inline-end:1px solid #d9e0e8;color:var(--muted);font-size:.85rem}.metric:last-child{border:0}.metric strong{display:block;font-size:2.2rem;color:var(--ink);font-weight:700;margin:6px 0}.metric small{font-size:.74rem}.panel{background:#fff;border:1px solid #e0e6ed;border-radius:23px;padding:27px;margin-top:22px;box-shadow:0 3px 10px -6px #1d355020}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.panel-head h2{margin:0}.search{max-width:290px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;font-size:.87rem}th{font-size:.75rem;color:var(--muted);font-weight:400;padding:12px;border-bottom:1px solid #dde4ec}td{padding:17px 12px;border-bottom:1px solid #edf0f3}tr:last-child td{border:0}.badge{display:inline-flex;align-items:center;background:#f0f3f7;color:#5d6977;border-radius:8px;padding:5px 9px;font-size:.74rem}.badge.ready{background:#e8f3ea;color:#206541}.notice{border:1px solid #dce5ef;background:#f4f8fc;border-radius:16px;padding:18px;margin-top:20px}.notice p{margin-bottom:0;font-size:.88rem}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.customer-page{width:100%;max-width:500px;margin:0 auto;padding:48px 22px}.customer-page>.brand{margin-bottom:32px}.customer-page h1{font-size:2rem}.customer-page .panel{padding:30px}.customer-page form>.btn{margin-top:20px}.customer-page .panel a:not(.btn){color:var(--accent)}.setup-page{max-width:720px;margin:auto;padding:40px 22px}.setup-page>.brand{margin-bottom:24px}.form label{margin-top:18px}.form h2{margin-top:25px}.wallet-card{background:#fff;border:1px solid #dce5e6;border-radius:25px;overflow:hidden;max-width:440px;margin-inline:auto;box-shadow:0 14px 30px -20px #18372c66}.card-top{padding:27px;color:#fff;background:#204e41}.card-top h2{font-size:2rem;margin:10px 0}.card-body{padding:26px}.stamps{display:flex;flex-wrap:wrap;gap:8px}.stamp{width:42px;height:42px;border:1px solid #cbd7d0;border-radius:50%;display:grid;place-items:center;color:#829088}.stamp.filled{background:#2c604b;color:#e6f3e8;border-color:#2c604b}.stamp .icon{width:20px;height:20px}.balance{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:24px 0}.balance strong{font-size:2rem;font-weight:700}.qr{display:block;width:150px;height:150px;margin:24px auto;border-radius:12px}.center{text-align:center}.wallet-status{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid #e4e9ee}.wallet-status strong{font-weight:700}.activity-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid #e4e9ee}.activity-row p{margin:4px 0}.empty{text-align:center;padding:30px;color:var(--muted)}.employee{padding:18px 0;border-bottom:1px solid #e4e9ee}.employee h3{margin-bottom:4px}video{width:100%;max-height:420px;border-radius:18px;background:#1c232d}details{margin-top:20px}summary{cursor:pointer;min-height:44px}.brand-logo{height:56px;max-width:130px;object-fit:contain;margin-bottom:14px}.recovery-code{display:block;direction:ltr;overflow-wrap:anywhere;user-select:all;background:#edf3fa;padding:20px;border-radius:12px;font-size:.85rem;line-height:1.8}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.terms{padding:16px;border:1px solid var(--line);border-radius:12px;margin-top:20px;max-height:240px;overflow:auto;line-height:1.8}.form label.check{display:flex;align-items:start;gap:10px;line-height:1.6}.check input{width:20px;min-height:20px;flex-shrink:0;margin-top:4px}input[type=color]{height:48px;width:100px}input[type=file]{font-size:.82rem}
@media(min-width:1450px){.app-shell{gap:45px;padding:28px}.app-main{padding-inline:12px 20px}.glass-sidebar{top:28px;min-height:calc(100svh - 56px)}.workbench-copy{padding:40px}.club-workbench .pass-stage{min-height:390px}.loyalty-pass{max-width:405px}}
@media(max-width:1150px){.app-shell{grid-template-columns:194px minmax(0,1fr);gap:20px;padding:16px}.glass-sidebar{padding:26px 12px 16px;top:16px;min-height:calc(100svh - 32px)}.app-main{padding:0}.app-nav button{padding:12px}.workbench-copy{padding:28px 23px}.club-workbench{grid-template-columns:minmax(230px,.95fr) minmax(290px,1.05fr)}.pass-stage{padding:26px 19px}.loyalty-pass{padding:23px 22px 18px}.pass-stamps{gap:8px}.pass-title{font-size:.73rem}.counter-actions .btn{padding:10px 11px;font-size:.8rem}.summary-strip dd span{display:block;margin:6px 0 0}.settings-layout{gap:18px}.settings-form{padding:24px}.enroll-surface{grid-template-columns:1fr;gap:18px}.page-heading h1{font-size:2.3rem}.page-heading>.btn span{font-size:.8rem}}
@media(max-width:900px) and (min-width:721px){.app-shell{grid-template-columns:155px minmax(0,1fr);gap:16px}.glass-sidebar{padding:24px 8px}.app-brand{padding:0 9px}.app-brand>span{font-size:30px}.brand-mark{width:26px}.business-identity{padding-inline:8px;gap:8px}.business-icon{width:30px;height:30px}.app-nav button{gap:9px;font-size:.82rem}.sidebar-bottom{padding-inline:8px}.club-workbench{grid-template-columns:1fr}.workbench-copy{padding:26px}.pass-stage{min-height:355px;padding:26px}.workbench-copy .quick-member{max-width:100%;margin-top:8px}.counter-actions{flex-wrap:nowrap}.preview-note{margin-top:18px;max-width:none}.settings-layout{grid-template-columns:1fr}.settings-preview{max-width:540px}.page-heading{gap:12px}.page-heading h1{font-size:2rem}.page-heading>.btn{padding:9px}.page-heading>.btn .icon{display:none}.member-status{display:none}.member-balance{margin:0;width:75px}.row-arrow{margin:0}.shell{grid-template-columns:165px minmax(0,1fr);gap:18px;padding:16px}.side{padding:24px 14px}.main{padding:0}.hero{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}}
@media(max-width:720px){
  :root{font-size:15px}.app-shell{display:block;padding:14px 16px 104px}.glass-sidebar{position:static;min-height:0;max-height:none;overflow:visible;border:0;background:none;backdrop-filter:none;box-shadow:none;padding:0;margin-bottom:18px}.app-brand{padding:0 3px;gap:8px;height:38px}.app-brand>span{font-size:30px}.brand-mark{width:27px;height:27px}.business-identity,.sidebar-bottom{display:none}.app-nav{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:12px;right:12px;display:flex;gap:0;border-radius:25px;padding:5px;background:#f9fbffcc;border:1px solid #fff;box-shadow:0 9px 30px #364a602b,inset 0 1px 0 #fff;backdrop-filter:blur(26px) saturate(1.4);-webkit-backdrop-filter:blur(26px) saturate(1.4);z-index:50}.app-nav button{flex:1;min-width:0;min-height:57px;flex-direction:column;gap:4px;text-align:center;justify-content:center;font-size:.62rem;padding:7px 2px;line-height:1.3;border-radius:20px}.app-nav .icon{width:20px;height:20px}.nav-lens{border-radius:20px;background:linear-gradient(150deg,#fff,#dae7f566)}
  .app-main{padding:0}.app-toolbar{position:relative;border:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;min-height:30px;padding:0 3px;margin-bottom:25px}.toolbar-actions{gap:8px}.demo-pill{font-size:.67rem;padding:4px 8px}.profile-button{width:32px;height:32px}.breadcrumb{font-size:.75rem}.breadcrumb>span:first-child{max-width:130px}.page-heading{margin:0 3px 22px;gap:12px;align-items:start;flex-wrap:wrap}.page-heading h1{font-size:2.08rem;margin-bottom:8px}.page-heading p{font-size:.85rem}.page-heading>.btn{font-size:.76rem;min-height:40px;padding:8px 12px}.page-heading>.btn .icon{width:17px;height:17px}.club-workbench{grid-template-columns:1fr;border-radius:24px;display:flex;flex-direction:column-reverse}.workbench-copy{padding:24px;align-items:stretch}.workbench-copy h2{font-size:1.35rem}.workbench-copy>p,.section-heading p{font-size:.85rem;margin-bottom:12px}.quick-member{max-width:none;margin:8px 0 16px}.counter-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.counter-actions .btn{font-size:.82rem;min-height:47px;padding:10px}.preview-note{max-width:none;font-size:.69rem;margin-top:18px;align-items:center}.preview-note .icon{margin:0}.action-note{font-size:.72rem;margin-top:9px}.pass-stage{padding:26px 26px 15px;min-height:0}.loyalty-pass{max-width:355px;padding:22px 24px 18px;border-radius:22px;transform:rotate(-1.5deg)}.pass-heading{gap:10px}.pass-brand{font-size:1rem}.pass-title{margin:13px 0 22px;font-size:.73rem}.pass-title small{font-size:.6rem}.pass-stamps{gap:8px;margin-bottom:14px}.pass-stamp{max-height:44px}.pass-progress{margin:12px 0 16px}.pass-progress strong{font-size:1.8rem}.pass-footer{padding-top:12px}.pass-footer strong{font-size:.75rem}.pass-caption{font-size:.65rem;margin-top:19px}.pass-platform{bottom:5px}.summary-strip{margin:22px 0;padding:4px 0}.summary-strip>div{padding:0 12px}.summary-strip>div:first-child{padding-inline-start:3px}.summary-strip dt{font-size:.71rem;white-space:nowrap}.summary-strip dd{font-size:1.8rem}.summary-strip dd span{display:block;font-size:.62rem;margin:6px 0 0;white-space:normal;line-height:1.5}.surface{border-radius:20px;margin-top:20px;padding:8px 16px 3px}.section-head{gap:12px;padding:8px 0 12px;flex-wrap:wrap}.section-head h2{font-size:1.03rem}.section-head .btn{font-size:.76rem}.member-row{gap:11px;padding:16px 0}.person-avatar{width:34px;height:34px;font-size:.74rem}.member-name strong{font-size:.84rem}.member-name small{font-size:.65rem}.member-balance{margin:0;width:63px}.member-balance strong{font-size:.75rem}.mini-progress{width:49px}.member-status{display:none}.row-arrow{width:14px;margin:0}.workspace-footer{font-size:.65rem;padding:20px 2px 0}.search-control{max-width:none;flex-basis:100%}.segmented{width:100%}.segmented button{flex:1;min-height:40px}.enroll-surface{display:block;padding:22px 18px}.enroll-surface>div{margin-bottom:17px}.enroll-surface h2{font-size:1.15rem}.enroll-form{grid-template-columns:1fr}.enroll-form .btn{margin-top:2px}.enroll-form .footnote{grid-column:auto;font-size:.69rem}.counter-workbench .pass-stage{min-height:0}.counter-symbol{display:none}.event-row{gap:10px}.event-row strong{font-size:.82rem}.event-row time{font-size:.68rem}.event-delta{font-size:.8rem}.event-icon{width:34px;height:34px}.settings-layout{display:flex;flex-direction:column-reverse;gap:20px}.settings-form{padding:24px 20px;margin:0}.settings-preview .pass-stage{min-height:0;padding-bottom:24px}.settings-preview>.section-head{padding:0 8px 15px}.settings-preview .setup-note{display:none}.palette-picker{gap:13px}.settings-form .btn{width:100%}.settings-form h2{font-size:1.2rem}.settings-preview .pass-stage .loyalty-pass{transform:rotate(-1deg)}#toast{bottom:95px;font-size:.8rem;padding:13px 18px;width:max-content;max-width:calc(100% - 32px)}
  .shell{display:block;padding:14px}.side{position:static;min-height:0;padding:15px 18px;gap:15px;border-radius:22px}.side .brand small{display:none}.brand .logo{font-size:30px}.nav{display:flex;gap:4px;overflow:auto}.nav button{flex-shrink:0;font-size:.73rem;padding:9px;gap:5px}.nav button .icon{width:16px}.side-foot{border-top:1px solid #dce3ea;padding-top:10px}.side-foot>p,.side-foot>.demo-tag{display:none}.side-foot>a{display:inline-flex;width:auto;font-size:.75rem;margin-inline-end:7px}.side-foot select{width:auto;max-width:150px}.side-foot label{display:inline}.main{padding:20px 0}.top{font-size:.7rem;padding:10px 13px}.intro{margin:25px 0 20px;align-items:start;flex-wrap:wrap}.intro h1{font-size:2rem}.intro .btn{font-size:.8rem}.hero{grid-template-columns:1fr}.hero-copy{padding:27px}.hero h2{font-size:2rem}.hero-art{padding:25px}.metrics{gap:6px;margin:20px 0}.metric{padding:10px 8px;font-size:.72rem}.metric strong{font-size:1.9rem}.metric small{font-size:.65rem}.panel{padding:21px 17px;border-radius:20px}.panel-head{align-items:start;flex-direction:column;gap:12px}.search{max-width:none}.grid2{grid-template-columns:1fr;gap:10px}.customer-page,.setup-page{padding:30px 18px}.customer-page .panel{padding:25px 21px}.customer-page h1{font-size:1.9rem}.card-top{padding:24px}.card-body{padding:22px}.stamp{width:38px;height:38px}.balance strong{font-size:1.7rem}.wallet-status{font-size:.84rem}.form label{margin-top:16px}
}
@media(max-width:360px){.app-shell{padding-inline:12px}.pass-stage{padding-inline:21px}.loyalty-pass{padding-inline:18px}.workbench-copy{padding:21px}.pass-stamp .icon{width:17px;height:17px}.pass-stamps{gap:6px}.app-nav{left:8px;right:8px}.app-nav button{font-size:.58rem}.summary-strip>div{padding-inline:8px}.page-heading h1{font-size:1.9rem}}
@media(prefers-reduced-motion:no-preference){
  .demo-app .glass-sidebar{animation:sidebar-arrive .65s var(--ease)}
  .demo-app .app-main{animation:workspace-arrive .7s var(--ease)}
  .pass-stamp.new-stamp{animation:stamp-arrive .6s var(--ease)}
  .loyalty-pass.redeemed{animation:reward-confirm .65s var(--ease)}
  .customer-page,.setup-page{animation:workspace-arrive .5s var(--ease)}
}
@keyframes sidebar-arrive{from{transform:translateX(8px);filter:blur(2px)}to{transform:translateX(0);filter:blur(0)}}
@keyframes workspace-arrive{from{transform:translateY(9px);opacity:.65}to{transform:translateY(0);opacity:1}}
@keyframes stamp-arrive{0%{transform:scale(.55) rotate(-20deg);box-shadow:0 0 0 0 #d5ead180}65%{transform:scale(1.12) rotate(3deg);box-shadow:0 0 0 8px #d5ead100}100%{transform:scale(1) rotate(0);box-shadow:0 0 0 0 #d5ead100}}
@keyframes reward-confirm{0%,100%{filter:brightness(1)}40%{filter:brightness(1.15);transform:rotate(0) translateY(-4px)}}
@keyframes toast-in{from{transform:translate(-50%,8px);opacity:.4}to{transform:translate(-50%,0);opacity:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.loyalty-pass{transform:none!important}}
@media(prefers-reduced-transparency:reduce){.glass-sidebar,.app-toolbar,.nav-lens,.app-nav,.side{background:#f7f9fb!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@media(prefers-contrast:more){:root{--muted:#404752;--line:#8792a0}.glass-sidebar,.app-toolbar,.app-nav,.side{background:#fff;border-color:#657182;backdrop-filter:none}.member-name small,.footnote,.pass-caption,.preview-note,.action-note,.subtle{color:#3f4b59}.loyalty-pass .pass-footer small,.pass-progress,.pass-title{color:#fff}.btn.secondary{border-color:#657182}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass-sidebar,.app-toolbar,.app-nav,.side{background:#f8fafc}.nav-lens{background:#fff}}

.card-access .btn + .btn { margin-block-start: 10px; }
.card-access details { margin-block: 16px; }
.card-access [data-link-fallback] input { width: 100%; min-width: 0; }
.saved-card-return { margin-block-end: 20px; }
.saved-card-return .link-btn { display: block; margin-block: 14px; }
.card-access [hidden] { display: none !important; }