:root{--royal:#111E6C;--deep:#0C164F;--background:#FBFAF8;--white:#FFFFFF;--ink:#17203C;--line:#DDE2EA;--muted:#58627C;--soft:#F1F3F8;--error:#8E2634;--success:#165E4A;font-family:Inter,Arial,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--background)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}a{color:var(--royal)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7383D8;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(30px,3.6vw,46px);line-height:1.08;letter-spacing:-.045em;font-weight:650}h2{font-size:22px;letter-spacing:-.025em}h3{font-size:17px;margin:26px 0 12px}.lead{font-size:16px;color:var(--muted);line-height:1.5;margin-bottom:25px}.muted,.note{color:var(--muted);font-size:14px;line-height:1.5}.overline{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:750;color:var(--royal)}.brand{display:flex;align-items:center;gap:10px;color:var(--royal);font-weight:700;letter-spacing:.11em;font-size:14px;white-space:nowrap}.brand b{font-weight:500}.mark{font-family:Georgia,serif;font-size:41px;line-height:1;letter-spacing:-.1em;text-transform:none}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:10px;font-weight:700;font-size:15px;border:1px solid transparent;text-align:center;transition:background .15s}.primary{background:var(--royal);color:var(--white)}.primary:hover{background:var(--deep)}.secondary{background:var(--white);border-color:var(--royal);color:var(--royal)}.secondary:hover,.subtle:hover{background:var(--soft)}.subtle{background:var(--soft);color:var(--royal)}.link-button{border:0;background:none;color:var(--royal);font-weight:700;font-size:14px;padding:9px}.field{display:block;font-size:14px;font-weight:650;margin:16px 0}.field input,.field select,.field textarea{display:block;width:100%;min-width:0;min-height:47px;border:1px solid #ABB5C8;background:#fff;border-radius:9px;padding:10px 12px;color:var(--ink);margin-top:7px}.field.compact{max-width:230px}.check{display:flex;gap:10px;align-items:center;min-height:44px;margin:14px 0;font-size:14px;line-height:1.4}.check input,.refund-item input{width:18px;height:18px;accent-color:var(--royal);flex:none}.surface{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:24px;margin:0 0 20px}.surface h2{margin-bottom:17px}.empty{padding:20px;border:1px dashed var(--line);border-radius:10px;background:var(--background);color:var(--muted);font-size:14px}.row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);min-width:0}.row:last-child{border-bottom:0}.row strong{font-size:15px}.row small{display:block;color:var(--muted);font-size:13px;line-height:1.5;margin-top:4px}.row>div,.row>span{min-width:0;overflow-wrap:anywhere}.row b{white-space:nowrap;color:var(--royal)}.row-amount{text-align:right}.row-amount small{white-space:nowrap}.list-button,.recent-row{width:100%;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;color:var(--ink);min-height:60px}.list-button:hover,.recent-row:hover{background:var(--soft)}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.rule{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5}.rule:last-child{border-bottom:0}.rule>span:last-child,.rule>strong:last-child{text-align:right}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 24px}.metric{padding:23px;background:var(--white);border:1px solid var(--line);border-radius:14px;min-width:0}.metric span{display:block;font-size:14px;color:var(--muted);line-height:1.4}.metric strong{display:block;color:var(--royal);font-size:clamp(24px,3vw,32px);line-height:1.2;margin-top:14px;overflow-wrap:anywhere}.pill{display:inline-block;background:var(--soft);color:var(--royal);border-radius:100px;padding:6px 11px;font-size:12px;font-weight:750}.pill.pending{background:#FFF1E2;color:#7D4A19}.return-card .return-head{display:flex;justify-content:space-between;gap:20px}.return-card h2{margin:15px 0 7px}.return-card p{font-size:14px;line-height:1.5}.return-head small{white-space:nowrap;color:var(--muted)}.message{position:fixed;bottom:18px;right:18px;max-width:min(400px,calc(100vw - 36px));z-index:30;background:var(--royal);color:white;padding:17px 20px;border-radius:11px;box-shadow:0 12px 40px #111E6C30;font-size:14px}.message.error{background:var(--error)}.message.success{background:var(--royal)}
/* Sign in */
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--background)}.login-card{width:min(460px,100%);background:var(--white);padding:clamp(24px,4vw,40px);border:1px solid var(--line);border-radius:19px;box-shadow:0 20px 55px #111E6C0B}.login-brand{display:flex;align-items:center;gap:14px;color:var(--royal);font-size:17px;letter-spacing:.1em;font-weight:700;margin-bottom:34px}.login-brand b{font-weight:500}.login-brand .mark{font-size:57px}.login-card h1{font-size:34px}.login-card>p{font-size:15px;line-height:1.5;color:var(--muted)}.login-card .button{width:100%;margin-top:10px}.form-error{color:var(--error);min-height:20px;font-size:14px}.invite-box{border-top:1px solid var(--line);padding-top:22px;margin-top:16px}.invite-box h2{font-size:18px}.invite-box p{font-size:14px;line-height:1.5}.login-foot{text-align:center;margin:32px 0 0!important;font-size:13px!important}
/* Member */
.club-header,.work-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px max(24px,calc((100vw - 1180px)/2));background:var(--white);border-bottom:1px solid var(--line)}.user-name{font-size:14px;font-weight:700}.club-main{width:min(710px,100%);padding:38px 22px 80px;margin:auto}.club-main h1{margin-bottom:9px}.member-card{width:min(440px,100%);min-height:420px;background:var(--royal);border-radius:20px;color:white;padding:25px 28px;margin:27px auto 18px;box-shadow:0 20px 40px #111E6C2C}.member-card-top{display:flex;justify-content:space-between;align-items:center;letter-spacing:.12em;font-size:12px}.member-card-top .mark{font-size:49px}.card-qr{display:block;width:150px;height:150px;background:white;border:9px solid white;border-radius:8px;margin:20px auto 11px}.card-number{display:block;text-align:center;letter-spacing:.15em;font-size:16px}.card-foot{border-top:1px solid #FFFFFF55;display:flex;justify-content:space-between;gap:15px;margin-top:27px;padding-top:19px}.card-foot small{display:block;color:#DDE2FF;font-size:12px}.card-foot strong{display:block;font-size:23px;margin-top:5px}.club-main>.note{text-align:center;margin-bottom:30px}.club-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line);gap:6px;margin:22px 0 25px}.club-nav button{background:none;border:0;border-bottom:3px solid transparent;min-height:52px;color:var(--muted);font-weight:650;font-size:14px;padding:10px}.club-nav button.active{color:var(--royal);border-bottom-color:var(--royal)}.club-main section{min-height:150px}.club-main section h2{margin-bottom:18px}#invite-link{overflow-wrap:anywhere}#invite-link a{line-height:1.65}#event-list b{white-space:nowrap}
/* Seller */
.cashier-main{max-width:820px;padding:35px 24px 80px;margin:auto}.work-intro h1{margin:8px 0 27px}.scan-button{width:100%;min-height:82px;font-size:22px;margin-bottom:18px}.lookup-box{display:flex;align-items:end;gap:15px}.lookup-box .field{flex:1;margin:0}.lookup-box .button{min-width:180px}.cashier-main .surface{margin-bottom:17px}.cashier-main .button{min-width:0}.back{padding:0;margin:0 0 20px}.client-summary{padding:30px}.client-summary h2{font-size:28px;margin:8px 0}.balance-number{font-size:34px;font-weight:750;color:var(--royal);margin-top:22px}.item-line{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(85px,1fr) 78px 38px;gap:9px;align-items:end;border-bottom:1px solid var(--line);padding:10px 0}.item-line .field{margin:0;min-width:0}.item-line .field input{width:100%}.item-discount{grid-column:1/-1;margin:0}.icon-button{min-height:47px;border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--error);font-size:24px}.pay-total{display:flex;align-items:baseline;justify-content:space-between;color:var(--royal);font-weight:700;padding:20px 0;font-size:20px}.pay-total strong{font-size:30px}.refund-item{display:flex;align-items:center;gap:13px;min-height:65px;border-bottom:1px solid var(--line);font-size:15px}.refund-item small{display:block;color:var(--muted);margin-top:4px}.cashier-view>.surface>button:not(.link-button){margin-top:16px}#camera{display:block;width:100%;max-height:280px;object-fit:cover;border-radius:12px;margin-bottom:16px}
/* Director and admin */
.dashboard{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.side{background:var(--royal);color:var(--white);padding:24px 15px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.side .brand{color:var(--white);font-size:13px;padding:0 11px}.side-role{font-size:13px;color:#D8DFFD;padding:0 13px;margin:28px 0 11px}.side nav{display:flex;flex-direction:column;gap:2px}.side nav button{display:block;text-align:left;border:0;background:none;color:#E4E9FF;min-height:45px;padding:10px 13px;border-radius:8px;font-size:14px;font-weight:600}.side nav button:hover,.side nav button.active{background:var(--white);color:var(--royal)}.side nav .test-nav{margin-top:15px;border-top:1px solid #FFFFFF55;border-radius:0;padding-top:18px}.side-logout{background:none;color:var(--white);border:1px solid #D8DFFD90;border-radius:8px;min-height:43px;margin-top:auto;text-align:left;padding:10px 13px;font-weight:650}.menu-toggle{display:none}.dashboard-main{max-width:1430px;width:100%;padding:42px clamp(22px,4vw,62px) 85px;margin:auto;min-width:0}.dashboard-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.dashboard-top h1{margin:8px 0 0}.dashboard-top .user-name{color:var(--royal)}.dashboard-main .surface{max-width:980px}.dashboard-main .metrics{max-width:1100px}.protected-link{margin:10px 0 20px}.small-button{font-size:13px;min-height:40px}.test-surface{border-top:4px solid var(--royal)}
@media(max-width:900px){.dashboard{grid-template-columns:210px minmax(0,1fr)}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-main{padding:32px 23px}.club-nav button{font-size:13px}}
@media(max-width:650px){.club-header,.work-header{padding:12px 16px}.club-header .user-name,.work-header .user-name{display:none}.brand{font-size:12px}.brand .mark{font-size:36px}.club-main{padding:26px 17px 65px}.member-card{min-height:398px;padding:21px 23px}.club-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.club-nav button{border-bottom:1px solid var(--line);min-height:48px}.club-nav button.active{border-bottom:3px solid var(--royal)}.cashier-main{padding:26px 16px 70px}.lookup-box{display:block}.lookup-box .button{width:100%;margin-top:11px}.surface{padding:19px}.item-line{grid-template-columns:minmax(0,1fr) 72px 53px 32px;gap:5px}.item-line .field{font-size:12px}.item-line input{font-size:13px;padding:8px 5px}.item-line .icon-button{min-height:47px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric{padding:17px 14px}.metric span{font-size:13px}.metric strong{font-size:23px;margin-top:10px}.dashboard{display:block}.side{height:auto;position:relative;display:block;overflow:visible;padding:13px 16px}.side-top{display:flex;align-items:center;justify-content:space-between}.side-role{display:none}.menu-toggle{display:inline-block;background:#FFFFFF22;color:#fff;border:1px solid #FFFFFF70;border-radius:8px;min-height:41px;padding:7px 12px;font-weight:650}.side nav,.side-logout{display:none}.side.open nav{display:flex;padding-top:15px}.side.open .side-logout{display:block;width:100%;margin-top:15px}.side nav button{min-height:46px}.dashboard-main{padding:25px 16px 70px}.dashboard-top .user-name{display:none}.return-head{display:block!important}.return-head small{display:block;margin-bottom:10px}.rule{display:block}.rule>span:last-child,.rule>strong:last-child{display:block;text-align:left;margin-top:5px}.row{align-items:flex-start}.row b{white-space:normal;text-align:right}.row-amount small{white-space:normal}.action-grid{grid-template-columns:1fr}.message{right:12px;left:12px;bottom:12px;max-width:none}.scan-button{min-height:78px}.pay-total strong{font-size:24px}}
@media(max-width:360px){.metrics{grid-template-columns:1fr 1fr}.item-line{grid-template-columns:minmax(0,1fr) 65px 48px 31px;gap:4px}.item-line input{padding:6px 4px}.card-foot strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.field textarea{min-height:88px;resize:vertical}
/* Stage 5.1 focused form and lookup refinements */
.lookup-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 15px}.lookup-box .field{margin:0}.lookup-box .button{align-self:end}.staff-card{margin-top:14px!important;background:var(--background)}.staff-card h3{margin-top:0}.staff-card details{margin-top:15px;font-size:13px;color:var(--muted)}.staff-card .action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-card .button{min-width:0}.note{padding:12px 15px;background:var(--soft);border-radius:9px}#senior-list .surface{margin-top:16px}
@media(max-width:650px){.lookup-box{grid-template-columns:1fr}.lookup-box .button{width:100%;margin:0}.staff-card .action-grid{grid-template-columns:1fr}}

/* Stage 6 · GARDEUR fashion-tech visual system */
:root{--night:#080D21;--night-surface:#121A39;--royal:#111E6C;--blue:#243B9B;--electric:#4969ED;--background:#FBFAF8;--line:#DFE3EE;--ink:#121B36;--muted:#59657D;--radius:22px;--glow:0 20px 60px rgba(17,30,108,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body{overflow-x:hidden}h1{font-weight:750;letter-spacing:-.055em}h2{font-weight:720;letter-spacing:-.038em}.overline{letter-spacing:.17em;font-size:11px}.brand{letter-spacing:.055em;font-weight:760}.mark{font-style:italic}.button{border-radius:13px;transition:transform .2s,background .2s,box-shadow .2s}.button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(17,30,108,.17)}.primary{background:linear-gradient(120deg,var(--royal),var(--blue) 65%,var(--electric))}.surface,.metric{border-radius:var(--radius);box-shadow:0 6px 25px rgba(8,13,33,.035)}.field input,.field select,.field textarea{border-radius:12px}.row{min-height:64px}.row strong{font-weight:680}.message{border-radius:15px;animation:message-in .22s ease-out}@keyframes message-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/* Premium mobile club */
.premium-club{background:var(--night);color:#fff;min-width:320px}.premium-club .club-header{background:var(--night);border-color:#ffffff1a;position:relative;padding:20px max(24px,calc((100vw - 1050px)/2));z-index:2}.premium-club .brand{color:white;font-size:15px}.premium-club .brand b{font-weight:420;color:#C1CCFF}.premium-club .link-button{color:#DFE6FF}.premium-club .club-main{width:min(920px,100%);padding:42px 24px 130px;position:relative}.premium-club .club-main:before{content:"";pointer-events:none;position:absolute;inset:0 0 auto;height:460px;background:radial-gradient(ellipse at 78% 8%,#4969ed4b,transparent 53%),radial-gradient(ellipse at 12% 46%,#243b9b5a,transparent 51%);z-index:0}.premium-club .club-main>*{position:relative}.premium-club .club-hero{max-width:700px;margin:0 auto 25px}.premium-club .club-hero .overline,.premium-club section>.overline{color:#A9BBFF}.premium-club h1{font-size:clamp(38px,7vw,66px);line-height:1.04;margin:18px 0 12px}.premium-club .lead{color:#B8C5E6;font-size:16px}.premium-club .member-card{width:min(550px,100%);min-height:315px;margin:0 auto 18px;padding:29px 33px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;border:1px solid #9DAEFF60;border-radius:29px;background:radial-gradient(circle at 80% 9%,#8ba4ff70,transparent 25%),linear-gradient(127deg,#111E6C 2%,#1D3288 51%,#080D21 100%);box-shadow:0 24px 80px #02071788,inset 0 1px #ffffff70}.premium-club .member-card:after{content:"";position:absolute;width:380px;height:380px;border:1px solid #ffffff22;border-radius:50%;right:-130px;top:-115px;box-shadow:0 0 0 52px #ffffff08,0 0 0 105px #ffffff06;pointer-events:none}.premium-club .member-card-top{position:relative;z-index:1}.premium-club .member-card-top .mark{font-size:56px}.premium-club .member-card-top strong{line-height:1.15;font-size:14px;letter-spacing:.2em;text-align:right}.premium-club .member-card-top strong span{font-size:10px;color:#CFD8FF}.premium-club .card-center{position:relative;z-index:1;margin-top:30px}.premium-club .card-center small{display:block;font-size:10px;letter-spacing:.2em;color:#C5CFFF;margin-bottom:8px}.premium-club .card-number{text-align:left;font-size:20px;letter-spacing:.15em}.premium-club .card-foot{position:relative;z-index:1;margin:24px 0 0;padding-top:16px;align-items:end}.premium-club .card-foot strong{font-size:34px;letter-spacing:-.03em}.premium-club .card-spark{font-size:36px;color:#C8D5FF}.premium-club .show-card{display:flex;width:min(550px,100%);margin:0 auto;justify-content:space-between;padding:16px 22px;background:#fff;color:var(--royal);font-size:16px}.premium-club .note{width:min(550px,100%);margin:12px auto 30px;text-align:center;color:#AEBBE0;background:transparent;padding:0}.premium-club .club-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 auto 38px;width:min(550px,100%)}.premium-club .club-stat{min-height:136px;padding:19px;border:1px solid #ffffff1e;border-radius:20px;background:linear-gradient(145deg,#202B57,#121A39)}.premium-club .club-stat span,.premium-club .club-stat small{display:block;color:#AFBCE0;font-size:12px;line-height:1.4}.premium-club .club-stat strong{display:block;font-size:24px;margin:12px 0 5px}.premium-club .club-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px}.premium-club .club-section-head h2{margin:0;font-size:24px}.premium-club .text-action{background:none;border:0;color:#AFC2FF;min-height:44px;font-weight:650}.premium-club .row{border:1px solid #ffffff1e;background:#121A39;border-radius:18px;padding:17px 20px;margin:9px 0}.premium-club .row p{color:#B4C0DB;margin:4px 0 0;font-size:13px}.premium-club .row b{color:#fff}.premium-club .empty{background:#121A39;border-color:#ffffff24;color:#AEBDE3}.premium-club .invite-cta{display:flex;justify-content:space-between;align-items:center;gap:15px;text-align:left;width:100%;border:1px solid #ffffff35;border-radius:22px;background:linear-gradient(110deg,#243B9B,#111E6C);color:white;min-height:100px;padding:20px 24px;margin-top:25px}.premium-club .invite-cta small{display:block;color:#BBC9FF;letter-spacing:.14em;font-size:10px;margin-bottom:8px}.premium-club .invite-cta strong{font-size:17px}.premium-club .invite-cta>span:last-child{font-size:27px}.premium-club section:not(#club-home){max-width:700px;margin:auto;padding-top:5px}.premium-club section:not(#club-home) h2{font-size:clamp(32px,6vw,45px);margin:8px 0 26px}.premium-club section:not(#club-home) .surface{background:var(--night-surface);border-color:#ffffff28;color:#fff}.premium-club .rule{border-color:#ffffff26}.premium-club .rule span{color:#BFCBE6}.premium-club #invite-link a{color:#B9CAFF}.premium-club #copy-invite{width:100%}.premium-club .club-nav{position:fixed;z-index:15;bottom:14px;left:50%;transform:translateX(-50%);width:min(720px,calc(100% - 24px));display:flex;justify-content:space-around;gap:4px;padding:8px;border:1px solid #ffffff25;border-radius:22px;background:#121A39f2;box-shadow:0 14px 45px #020619aa;backdrop-filter:blur(12px);margin:0}.premium-club .club-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;border:0;border-radius:15px;color:#AEBCE0;background:none;min-height:56px;font-size:11px;gap:3px;padding:4px}.premium-club .club-nav button span{font-size:21px;line-height:1}.premium-club .club-nav button.active{color:#fff;background:#2B4197;border:0}.premium-club .qr-dialog{padding:0;border:0;border-radius:26px;width:min(390px,calc(100% - 28px));max-height:90vh;background:var(--background);color:var(--ink);box-shadow:0 25px 70px #0008}.premium-club .qr-dialog::backdrop{background:#050917cc}.premium-club .qr-dialog-inner{display:flex;flex-direction:column;align-items:center;padding:24px 24px 32px;position:relative}.premium-club .qr-dialog .mark{color:var(--royal);font-size:52px}.premium-club .qr-dialog p{font-size:11px;letter-spacing:.18em;margin:0}.premium-club .qr-dialog h2{font-size:27px;margin:16px 0}.premium-club .qr-dialog .card-qr{width:260px;height:260px;max-width:100%;border:12px solid #fff;margin:4px 0 16px;image-rendering:pixelated}.premium-club .qr-dialog strong{font-size:19px;letter-spacing:.13em;margin-bottom:12px}.premium-club .qr-dialog small{color:var(--muted);text-align:center}.premium-club .qr-close{position:absolute;right:15px;top:12px;border:0;background:var(--soft);color:var(--ink);border-radius:50%;width:44px;height:44px;font-size:26px}
/* Workspaces: calm, polished, still task-first */
.cashier-main,.dashboard-main{background:radial-gradient(circle at 100% 0%,#e9edff,transparent 33%),var(--background)}.work-header,.club-header:not(.premium-club .club-header){box-shadow:0 4px 18px #111e6c0a}.scan-button{border-radius:18px;background:linear-gradient(120deg,#111E6C,#243B9B);box-shadow:0 12px 30px #111e6c2b}.lookup-box,.client-summary{box-shadow:var(--glow)}.side{background:linear-gradient(155deg,#080D21,#111E6C 75%)}.side nav button.active{box-shadow:0 4px 17px #0002}.dashboard-top h1{font-size:clamp(31px,4vw,53px)}.metrics .metric:first-child{background:linear-gradient(135deg,#111E6C,#243B9B);color:white}.metrics .metric:first-child span,.metrics .metric:first-child strong{color:white}.metric strong{letter-spacing:-.04em}.login-page{background:radial-gradient(circle at 85% 18%,#4969ed38,transparent 35%),linear-gradient(145deg,#080D21,#111E6C)}.login-card{border-radius:28px;box-shadow:0 30px 80px #02071b70}.login-brand{letter-spacing:.07em}
@media(max-width:650px){.premium-club .club-header{padding:15px 18px}.premium-club .club-main{padding:32px 17px 115px}.premium-club h1{font-size:39px}.premium-club .member-card{min-height:300px;padding:25px;border-radius:25px}.premium-club .club-summary{gap:9px}.premium-club .club-stat{padding:15px;min-height:130px}.premium-club .club-stat strong{font-size:20px}.premium-club .club-nav{bottom:8px;width:calc(100% - 16px)}.premium-club .club-nav button{min-height:55px;font-size:10px}.premium-club .club-nav button.active{border:0}.dashboard-main{padding-bottom:90px}.side nav button{min-height:48px}}
@media(max-width:375px){.premium-club .club-stat strong{font-size:18px}.premium-club .card-foot strong{font-size:30px}.premium-club .club-nav button{font-size:9px}.premium-club .club-nav button span{font-size:19px}}
@media(prefers-reduced-motion:reduce){.message{animation:none}.button:not(:disabled):hover{transform:none}}
.sale-step{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:15px}.sale-step h2{margin:0}.sale-step span{color:var(--blue);font-size:11px;letter-spacing:.14em;font-weight:780}.cashier-main #sale>.surface{border-top:3px solid #4969ED}.cashier-main #quote-box{background:#F0F3FF}.cashier-main #hold-box{background:#EAF5F0;border-top-color:#29735A}.cashier-main .lookup-box{background:linear-gradient(135deg,#fff,#F5F6FF)}
@media(max-width:650px){.sale-step{display:block}.sale-step span{display:block;margin-bottom:9px}}
/* Stage 6.1: restrained, unified dark surfaces and one vector mark. */
.brand-mark{display:block;width:40px;height:40px;color:inherit;flex:none;object-fit:contain}.brand,.login-brand{display:flex;align-items:center;gap:12px}.member-card-top .brand-mark{width:55px;height:55px}.qr-dialog .brand-mark{width:48px;height:48px;color:#111E6C;margin:0 auto 12px}.login-brand .brand-mark{width:48px;height:48px}.side .brand-mark{width:35px;height:35px}.demo-details{margin:10px 0 20px;color:inherit;font-size:13px}.demo-details summary{cursor:pointer;color:inherit}.demo-details p{font-size:13px;line-height:1.5}.demo-badge{font-size:10px;font-weight:800;letter-spacing:.16em;border:1px solid currentColor;border-radius:20px;padding:4px 8px;margin-right:7px}
.premium-club .club-main:before{display:none}.premium-club{background:linear-gradient(155deg,#080D21 0%,#0E1737 60%,#080D21 100%)}.premium-club .member-card{background:linear-gradient(118deg,#080F3B 0%,#111E6C 39%,#203887 74%,#0E1746 100%);border-color:#ffffff55;box-shadow:0 26px 55px #01051275,inset 0 1px #ffffff55}.premium-club .member-card:after{display:none}.premium-club .card-spark{display:none}.premium-club .invite-cta{border:0;outline:0;box-shadow:inset 0 1px #ffffff40,0 18px 35px #02061470;background:linear-gradient(115deg,#1A2C7A,#111E6C)}.premium-club .invite-cta:focus-visible,.premium-club #copy-invite:focus-visible{outline:2px solid #AFC2FF;outline-offset:3px}.premium-club #invite-link{padding:24px;overflow-wrap:anywhere}.premium-club #invite-link a{display:block;margin-top:8px;font-weight:680;text-decoration:none}.premium-club #invite-link small{color:#B6C4E8}.premium-club .qr-dialog-inner{padding-top:29px}.premium-club .qr-dialog h2{margin:4px 0 13px}.premium-club .qr-dialog .card-qr{background:white;box-sizing:content-box}.premium-club .club-nav{backdrop-filter:none;background:#121A39f8}.premium-club .surface{box-shadow:none}
.cashier-main,.dashboard-main{background:#0A1028;color:#F6F7FF}.dashboard-main .lead,.cashier-main .lead,.dashboard-main .muted,.cashier-main .muted{color:#B5C2E0}.dashboard-main .surface,.cashier-main .surface,.dashboard-main .metric{background:#151F40;color:#F8FAFF;border:1px solid #ffffff1c;box-shadow:0 8px 24px #02071420}.dashboard-main .row,.cashier-main .row,.dashboard-main .rule,.cashier-main .rule{border-color:#ffffff20}.dashboard-main .row small,.cashier-main .row small,.dashboard-main .row p,.cashier-main .row p,.dashboard-main .surface p,.cashier-main .surface p{color:#C3CEE7}.dashboard-main .field,.cashier-main .field{color:#DDE6FA}.dashboard-main .field input,.dashboard-main .field select,.dashboard-main .field textarea,.cashier-main .field input,.cashier-main .field select,.cashier-main .field textarea{background:#0B1431;color:#fff;border:1px solid #677498}.dashboard-main .field input::placeholder,.cashier-main .field input::placeholder{color:#9AAAD0}.dashboard-main .button.secondary,.cashier-main .button.secondary,.dashboard-main .button.subtle,.cashier-main .button.subtle{background:#253663;color:#fff;border-color:#6174AB}.dashboard-main .staff-card,.cashier-main .lookup-box,.cashier-main #quote-box,.cashier-main #hold-box{background:#151F40}.dashboard-main .metric span,.dashboard-main .metric strong{color:#fff}.dashboard-main .empty,.cashier-main .empty,.dashboard-main .note,.cashier-main .note{background:#202D56;color:#D5DFF4;border-color:#ffffff26}.dashboard-main .overline,.cashier-main .overline,.dashboard-main .sale-step span,.cashier-main .sale-step span{color:#B5C9FF}.dashboard-main .user-name,.cashier-main .balance-number{color:#C6D2FF}.work-header{background:#101A3A;color:#fff;border-color:#ffffff20}.work-header .brand{color:#fff}.work-header .link-button{color:#D6E0FC}.scan-button{background:#192F85}.side nav button.active{background:#3D57B6;color:#fff}.dashboard-main .return-card .pill{color:#fff}.dashboard-main a,.cashier-main a{color:#BCD0FF}
.campaign-panel{margin:0 0 22px!important;max-width:980px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.form-grid .field{min-width:0}.campaign-cards{grid-column:1/-1}.campaign-confirm{border:1px solid #6985D6;border-radius:18px;background:#223464;padding:20px;margin:20px 0}.campaign-confirm button{margin-top:12px}.notification-panel{margin-top:25px!important}.notification-template{border-top:1px solid #ffffff26;padding:17px 0}.notification-template textarea{width:100%}.notification-template .check{margin-bottom:10px}.notification-template button{margin:10px 0}.notification-panel .row{overflow-wrap:anywhere}
@media(max-width:650px){.brand-mark{width:32px;height:32px}.member-card-top .brand-mark{width:48px;height:48px}.form-grid{grid-template-columns:1fr}.premium-club .qr-dialog .card-qr{width:min(260px,calc(100vw - 100px));height:auto}.dashboard-main .surface{padding:20px}.dashboard-main .metric{min-height:120px}}
.dashboard-main .row b,.cashier-main .row b,.dashboard-main .pay-total,.cashier-main .pay-total{color:#D5E1FF}.dashboard-main .staff-card small,.cashier-main .refund-item small{color:#BBC8E4}.dashboard-main .surface h2,.cashier-main .surface h2{color:#F8FAFF}.dashboard-main .surface .muted,.cashier-main .surface .muted{color:#B9C8E5}.dashboard-main .button:focus-visible,.cashier-main .button:focus-visible,.premium-club .button:focus-visible{outline:2px solid #AFC2FF;outline-offset:3px}.dashboard-main .form-error,.cashier-main .form-error{color:#FFD2D2}
/* Stage 6.2: continuous dark workspace, legible customer rows, exact raster brand mark. */
html{background:#0A1028}body:has(.dashboard){background:#0A1028}.dashboard{background:#0A1028;min-height:100vh}.dashboard-main{background:#0A1028;min-height:100vh}.dashboard-main .surface,.dashboard-main .staff-card,.dashboard-main .metric{background:#151F40}.dashboard-main .list-button,.dashboard-main .recent-row,.cashier-main .list-button{color:#F8FAFF;background:transparent;border-color:#ffffff26}.dashboard-main .list-button strong,.dashboard-main .list-button b,.cashier-main .list-button strong{color:#F8FAFF}.dashboard-main .list-button small,.dashboard-main .row small,.cashier-main .row small{color:#C9D5EE}.dashboard-main .list-button:hover,.dashboard-main .list-button:focus-visible,.cashier-main .list-button:hover{background:#24345D}.dashboard-main .row strong,.cashier-main .row strong{color:#F8FAFF}.dashboard-main .surface .rule span,.dashboard-main .surface details,.dashboard-main .surface small{color:#C9D5EE}.dashboard-main .surface .field,.dashboard-main .surface .check{color:#E7EEFF}
.brand-mark{object-fit:contain;object-position:center;background:none;border:0;box-shadow:none}.login-brand .brand-mark,.qr-dialog .brand-mark{filter:brightness(0) saturate(100%) invert(13%) sepia(61%) saturate(1776%) hue-rotate(214deg) brightness(93%) contrast(106%)}.premium-club .member-card-top .brand-mark{width:54px;height:62px}.premium-club .qr-dialog .brand-mark{width:43px;height:48px;margin:0 auto 12px}.side .brand-mark{width:34px;height:39px}
.premium-club #copy-invite{display:flex;border:0!important;border-left:0!important;outline:0!important;box-shadow:none!important;background:#4969ED;color:#fff;appearance:none;position:relative}.premium-club #copy-invite:before,.premium-club #copy-invite:after{content:none!important;display:none!important}.premium-club #copy-invite:hover{background:#5C79F2;box-shadow:none!important}.premium-club #copy-invite:focus-visible{outline:2px solid #BFD0FF!important;outline-offset:3px!important}.premium-club #copy-invite:active{background:#354FC6}.premium-club #invite-link{border-left:0!important}
.campaign-entry{margin-top:2px;min-width:250px}.notification-entry{margin:18px 0 2px}.governance{margin:20px 0 26px;padding:20px;border:1px solid #435585;border-radius:18px;background:#101A38}.governance h3{margin:0 0 17px;color:#fff}.governance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.governance-grid>div{padding:16px;border-radius:13px;background:#1B2A52;min-width:0}.governance-grid small,.governance-grid strong,.governance-grid span{display:block;overflow-wrap:anywhere}.governance-grid small{font-size:10px;color:#AFC2F0!important;letter-spacing:.1em}.governance-grid strong{margin:8px 0;color:#fff;font-size:16px}.governance-grid span{color:#C9D5EE;font-size:12px;line-height:1.5}
@media(max-width:750px){.governance-grid{grid-template-columns:1fr}.campaign-entry{width:100%}}
/* Legal entry and subject requests use the existing dark customer palette. */
.legal-page,.legal-onboarding{background:#080d21;color:#f7f8ff;min-height:100vh}
.legal-sheet,.onboarding-main{width:min(760px,calc(100% - 32px));margin:36px auto 100px;line-height:1.6}
.legal-sheet h1,.onboarding-main h1{font-size:clamp(2rem,6vw,3.3rem);line-height:1.12;color:#fff}
.legal-sheet h2,.onboarding-main h2{color:#fff;font-size:1.3rem;margin-top:28px}
.legal-sheet p,.onboarding-main p{color:#d9e0f7}
.legal-sheet a,.onboarding-main a,.premium-club a{color:#b5c7ff}
.legal-item{padding-left:12px}
.onboarding-panel{background:#121a39;border:1px solid #354276;border-radius:24px;padding:clamp(20px,4vw,30px);margin:24px 0}
.legal-document-link{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:15px 2px;border-bottom:1px solid #354276;text-decoration:none}
.legal-document-link strong{color:#fff}.legal-document-link small{color:#b8c5ec}.legal-document-link span{font-size:24px}
.legal-choice{display:flex;align-items:flex-start;gap:14px;padding:16px 0;line-height:1.45;cursor:pointer;border-bottom:1px solid #354276}
.legal-choice input{width:22px;height:22px;min-width:22px;accent-color:#4969ed;margin:2px 0 0}
.legal-choice a{text-decoration:underline;text-underline-offset:3px}
.legal-onboarding .button{margin-top:20px}.legal-onboarding .button:disabled{opacity:.5;cursor:not-allowed}
.legal-onboarding :focus-visible,.legal-page :focus-visible,.premium-club [data-screen="privacy"] :focus-visible{outline:2px solid #a9c1ff;outline-offset:3px}
.legal-entry{margin:18px auto;text-align:center}.legal-entry a{color:#b5c7ff}
[data-screen="privacy"] .button{display:block;margin:14px 0}[data-screen="privacy"] select,[data-screen="privacy"] textarea{display:block;width:100%;margin:10px 0;padding:14px;border-radius:14px;background:#121a39;color:#fff;border:1px solid #465586}
[data-screen="privacy"] textarea{min-height:92px}
@media(max-width:430px){.legal-sheet,.onboarding-main{margin-top:24px}.legal-document-link{align-items:flex-start;flex-direction:column}.legal-document-link span{display:none}}