*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--gold:#c9a84c;--gold-light:#e8c96a;--gold-bright:#f0d878;--gold-dim:#8a6e2f;--gold-faint:#c9a84c1a;--gold-glow:#c9a84c2e;--charcoal:#0a0a0a;--surface-0:#ffffff0a;--surface-1:#ffffff12;--surface-2:#ffffff1c;--surface-3:#ffffff29;--border-0:#ffffff12;--border-1:#ffffff1c;--border-gold:#c9a84c47;--border-gold-bright:#c9a84c80;--cream:#f0eae0;--cream-dim:#c4baa8;--muted:#72706a;--dim:#3e3c38;--red:#d95f5f;--green:#4caf82;--font-display:"Nunito Sans", system-ui, sans-serif;--font-body:"Nunito Sans", system-ui, sans-serif;--font-num:"Nunito Sans", system-ui, sans-serif;--r-xl:24px;--r-lg:18px;--r-md:12px;--r-sm:8px;--blur-sm:blur(16px) saturate(160%);--blur-md:blur(28px) saturate(180%);--blur-lg:blur(48px) saturate(200%);--shadow-sm:0 2px 12px #00000059, 0 1px 4px #00000040;--shadow-md:0 8px 32px #00000080, 0 2px 10px #00000059;--shadow-lg:0 20px 60px #0009, 0 4px 16px #0006;--shadow-gold:0 4px 24px #c9a84c40, 0 1px 6px #c9a84c26;--shadow-gold-lg:0 8px 40px #c9a84c4d, 0 2px 10px #c9a84c33;--glow-gold:0 0 60px #c9a84c14}html,body{height:100%}body{font-family:var(--font-body);color:var(--cream);-webkit-font-smoothing:antialiased;background:radial-gradient(100% 60% at 15% -5%,#c9a84c12 0%,#0000 55%),radial-gradient(70% 50% at 90% 110%,#3d2b1f73 0%,#0000 55%),radial-gradient(50% 40%,#140f0a4d 0%,#0000 70%),#0a0a0a;min-height:100vh}body:after{content:"";pointer-events:none;z-index:9999;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}.g0{background:var(--surface-0);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--border-0)}.g1{background:var(--surface-1);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--border-1)}.g2{background:var(--surface-2);-webkit-backdrop-filter:var(--blur-lg);border:1px solid #ffffff24}.g3{background:var(--surface-3);-webkit-backdrop-filter:var(--blur-lg);border:1px solid #ffffff2e}.gg{background:var(--gold-faint);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--border-gold)}.login-wrap{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:36px 20px 48px;display:flex;position:relative;overflow:hidden}.orb{pointer-events:none;z-index:0;border-radius:50%;position:fixed}.orb-1{background:radial-gradient(circle,#c9a84c1a 0%,#0000 65%);width:380px;height:380px;animation:9s ease-in-out infinite float1;top:-100px;right:-80px}.orb-2{background:radial-gradient(circle,#3d2b1f59 0%,#0000 65%);width:280px;height:280px;animation:11s ease-in-out infinite float2;bottom:-70px;left:-70px}.orb-3{background:radial-gradient(circle,#c9a84c0d 0%,#0000 65%);width:200px;height:200px;animation:13s ease-in-out infinite reverse float1;top:40%;left:-50px}@keyframes float1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(14px,-20px)scale(1.04)}}@keyframes float2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-10px,16px)scale(1.03)}}.login-card{z-index:1;border-radius:var(--r-xl);width:100%;max-width:370px;-webkit-backdrop-filter:var(--blur-lg);box-shadow:var(--shadow-lg), var(--glow-gold), inset 0 1px 0 #ffffff1a, inset 0 -1px 0 #0003;background:linear-gradient(160deg,#ffffff17 0%,#ffffff0d 60%,#c9a84c0a 100%);border:1px solid #ffffff21;position:relative}.login-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);border-radius:1px;height:1px;position:absolute;top:0;left:10%;right:10%}.login-logo{background:0 0;border-bottom:1px solid #ffffff12;flex-direction:column;justify-content:center;align-items:center;padding:52px 28px 48px;display:flex}.login-logo img{filter:drop-shadow(0 4px 24px #c9a84c59);width:200px;height:auto;margin:0 auto;display:block}.login-form{padding:24px 28px 32px}.field{margin-bottom:13px}.field label{font-family:var(--font-num);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-dim);margin-bottom:7px;font-size:9.5px;font-weight:700;display:block}.field-wrap{position:relative}.field-wrap svg{color:var(--muted);pointer-events:none;flex-shrink:0;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.field input{border-radius:var(--r-md);width:100%;color:var(--cream);font-family:var(--font-num);background:#ffffff0e;border:1px solid #ffffff1a;outline:none;padding:13px 14px 13px 42px;font-size:15px;font-weight:400;transition:all .22s;box-shadow:inset 0 1px 3px #00000040,inset 0 0 0 1px #0000}.field input:focus{border-color:var(--border-gold-bright);box-shadow:inset 0 1px 3px #0003, 0 0 0 3px #c9a84c1a, var(--shadow-gold);background:#ffffff16}.field input::placeholder{color:var(--dim)}.field input.no-icon{padding-left:14px}.otp-row{gap:8px;margin-bottom:18px;display:flex}.otp-row input{text-align:center;min-width:0;font-family:var(--font-num);letter-spacing:.1em;border-radius:var(--r-md);color:var(--cream);background:#ffffff0e;border:1px solid #ffffff1a;outline:none;flex:1;padding:15px 0;font-size:clamp(18px,5.5vw,26px);font-weight:800;transition:all .22s;box-shadow:inset 0 1px 3px #00000040}.otp-row input:focus{border-color:var(--border-gold-bright);background:#ffffff17;box-shadow:inset 0 1px 3px #0003,0 0 0 3px #c9a84c1a}.otp-row input.filled{color:var(--gold-light);border-color:#c9a84c73}.otp-hint{border-radius:var(--r-md);background:#c9a84c12;border:1px solid #c9a84c33;margin-bottom:16px;padding:14px 16px;box-shadow:inset 0 1px #ffffff0f}.otp-hint-label{font-family:var(--font-num);letter-spacing:.2em;color:var(--gold-dim);text-transform:uppercase;margin-bottom:5px;font-size:9.5px;font-weight:700}.otp-hint-code{font-family:var(--font-num);color:var(--gold);letter-spacing:.22em;font-size:30px;font-weight:800}.otp-hint-note{color:var(--muted);margin-top:5px;font-size:10px}.btn{border-radius:var(--r-md);width:100%;font-family:var(--font-num);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:15px 20px;font-size:10.5px;font-weight:700;transition:all .22s;display:flex;position:relative;overflow:hidden}.btn:after{content:"";pointer-events:none;border-radius:var(--r-md);background:linear-gradient(#ffffff1a 0%,#0000 60%);position:absolute;inset:0}.btn-gold{color:#0a0a0a;box-shadow:var(--shadow-gold-lg), inset 0 1px 0 #ffffff40;background:linear-gradient(135deg,#b8932e 0%,#c9a84c 35%,#e8c96a 70%,#c9a84c 100%)}.btn-gold:hover{background:linear-gradient(135deg,#c9a84c 0%,#e8c96a 50%,#f0d878 100%);transform:translateY(-1px);box-shadow:0 10px 40px #c9a84c59,0 2px 10px #c9a84c40}.btn-gold:active{transform:translateY(0)}.btn-gold:disabled{opacity:.3;cursor:not-allowed;transform:none}.btn-ghost{color:var(--cream-dim);background:#ffffff0d;border:1px solid #ffffff1a;margin-top:10px;box-shadow:inset 0 1px #ffffff0f}.btn-ghost:hover{background:#ffffff17}.btn-outline-gold{border:1px solid var(--border-gold);color:var(--gold);background:#c9a84c12;margin-top:10px;box-shadow:inset 0 1px #ffffff0d}.btn-outline-gold:hover{border-color:var(--border-gold-bright);background:#c9a84c21}.btn-sm{border-radius:var(--r-sm);width:auto;margin-top:0;padding:8px 13px;font-size:8.5px}.btn-danger{color:var(--red);background:#d95f5f1a;border:1px solid #d95f5f4d;margin-top:0}.btn-success{color:var(--green);background:#4caf821a;border:1px solid #4caf824d;margin-top:0}.demo-pills{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.demo-pill{font-family:var(--font-num);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-dim);cursor:pointer;background:#c9a84c0f;border:1px solid #c9a84c33;border-radius:20px;padding:7px 16px;font-size:9.5px;font-weight:700;transition:all .18s;box-shadow:inset 0 1px #ffffff0a}.demo-pill:hover{border-color:var(--gold);color:var(--gold);background:#c9a84c1f}.divider{align-items:center;gap:12px;margin:20px 0;display:flex}.divider span{background:#ffffff12;flex:1;height:1px}.divider em{font-family:var(--font-num);letter-spacing:.22em;color:var(--dim);text-transform:uppercase;font-size:9px;font-style:normal;font-weight:700}.err{color:var(--red);text-align:center;justify-content:center;align-items:center;gap:6px;margin-bottom:12px;font-size:12px;display:flex}.countdown{text-align:center;color:var(--muted);letter-spacing:.06em;margin-top:14px;font-size:11px}.countdown strong{color:var(--gold);font-weight:600;animation:1.6s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.app{flex-direction:column;min-height:100vh;display:flex}.header{z-index:100;height:72px;-webkit-backdrop-filter:var(--blur-lg);background:#0a0a0ae0;border-bottom:1px solid #ffffff12;align-items:center;gap:14px;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:0 1px #c9a84c14,0 4px 20px #0006}.header:after{content:"";background:linear-gradient(90deg,#0000,#c9a84c26,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}.header-logo img{filter:drop-shadow(0 2px 8px #c9a84c4d);width:auto;height:50px}.header-sep{background:#ffffff14;width:1px;height:24px}.header-info{flex:1}.header-role{font-family:var(--font-body);letter-spacing:.24em;color:var(--gold-dim);text-transform:uppercase;font-size:9px;font-weight:700}.header-name{font-family:var(--font-display);letter-spacing:.08em;color:var(--cream);margin-top:1px;font-size:16px;font-weight:600}.signout-btn{border-radius:var(--r-sm);font-family:var(--font-num);letter-spacing:.14em;color:var(--muted);text-transform:uppercase;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;align-items:center;gap:6px;padding:8px 13px;font-size:9.5px;font-weight:700;transition:all .2s;display:flex;box-shadow:inset 0 1px #ffffff0d}.signout-btn:hover{color:var(--red);background:#d95f5f0f;border-color:#d95f5f4d}.nav{z-index:90;-webkit-backdrop-filter:var(--blur-md);background:#0a0a0aeb;border-bottom:1px solid #ffffff0f;display:flex;position:sticky;top:68px;box-shadow:0 2px 12px #0000004d}.nav-tab{text-align:center;cursor:pointer;font-family:var(--font-num);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:5px;padding:14px 6px;font-size:9px;font-weight:700;transition:all .22s;display:flex}.nav-tab.active{color:var(--gold);border-bottom-color:var(--gold);text-shadow:0 0 20px #c9a84c66}.nav-tab:hover:not(.active){color:var(--cream-dim)}.content{flex:1;width:100%;max-width:480px;margin:0 auto;padding:24px 18px 100px}.sec-lbl{font-family:var(--font-num);letter-spacing:.26em;text-transform:uppercase;color:var(--gold-dim);align-items:center;gap:10px;margin-bottom:14px;font-size:9.5px;font-weight:800;display:flex}.sec-lbl:after{content:"";background:linear-gradient(90deg,#c9a84c33,#0000);flex:1;height:1px}.loyalty-card{border-radius:var(--r-xl);-webkit-backdrop-filter:var(--blur-lg);box-shadow:var(--shadow-md), 0 0 80px #c9a84c0a, inset 0 1px 0 #ffffff24, inset 0 -1px 0 #0003;background:linear-gradient(140deg,#c9a84c24 0%,#3d2b1f47 40%,#ffffff0d 80%,#c9a84c0f 100%);border:1px solid #c9a84c3d;margin-bottom:20px;padding:28px 24px;position:relative;overflow:hidden}.loyalty-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:1px;position:absolute;top:0;left:8%;right:8%}.loyalty-card:after{content:"GR";font-family:var(--font-display);color:#c9a84c0d;pointer-events:none;letter-spacing:-.04em;font-size:130px;font-weight:200;line-height:1;position:absolute;bottom:-24px;right:-8px}.card-top{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.card-label{font-family:var(--font-num);letter-spacing:.28em;color:var(--gold-dim);text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:800}.card-name{font-family:var(--font-display);letter-spacing:.08em;color:var(--cream);font-size:22px;font-weight:300}.tier-badge{font-family:var(--font-num);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);background:#c9a84c1f;border:1px solid #c9a84c52;border-radius:20px;padding:4px 11px;font-size:8px;font-weight:800;box-shadow:inset 0 1px #ffffff14}.tier-badge.vip{background:#c9a84c33;box-shadow:0 0 16px #c9a84c2e,inset 0 1px #ffffff1a}.stamps{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px;display:grid}.stamp{aspect-ratio:1;background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:all .35s;display:flex;box-shadow:inset 0 1px 2px #0000004d}.stamp.on{border-color:var(--gold);background:#c9a84c29;box-shadow:0 0 10px #c9a84c38,inset 0 1px #ffffff1a}.prog-row{font-family:var(--font-num);letter-spacing:.04em;color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:10px;font-weight:600;display:flex}.prog-bar{background:#ffffff12;border-radius:4px;height:3px;overflow:hidden;box-shadow:inset 0 1px 2px #0000004d}.prog-fill{background:linear-gradient(90deg, var(--gold-dim), var(--gold-light), var(--gold-bright));border-radius:4px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #c9a84c66}.stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.stat-card{border-radius:var(--r-lg);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff14;background:linear-gradient(140deg,#ffffff12 0%,#ffffff0a 100%);border:1px solid #ffffff1a;padding:18px 16px}.stat-icon{color:var(--gold-dim);margin-bottom:10px}.stat-val{font-family:var(--font-num);letter-spacing:-.01em;color:var(--gold);margin-bottom:5px;font-size:26px;font-weight:700;line-height:1}.stat-lbl{font-family:var(--font-num);letter-spacing:.18em;color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:700}.stat-card-perf{border-radius:var(--r-lg);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff14;background:linear-gradient(140deg,#ffffff12 0%,#ffffff0a 100%);border:1px solid #ffffff1a;flex-direction:column;justify-content:space-between;min-height:118px;padding:16px 14px 18px;display:flex}.sp-icon{color:var(--gold-dim)}.sp-bottom{margin-top:auto;padding-top:10px}.sp-unit{font-family:var(--font-num);letter-spacing:.04em;color:var(--gold);font-size:11px;font-weight:700;line-height:1.2}.sp-num{font-family:var(--font-num);letter-spacing:-.02em;color:var(--gold);margin-bottom:7px;font-size:28px;font-weight:800;line-height:1}.sp-lbl{font-family:var(--font-num);letter-spacing:.2em;color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:700}.visit{border-bottom:1px solid #ffffff0d;align-items:center;gap:13px;padding:15px 0;display:flex}.visit:last-child{border-bottom:none}.visit-icon{border:1px solid var(--border-gold);width:38px;height:38px;color:var(--gold);background:#c9a84c17;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffff0f}.visit-service{font-family:var(--font-display);letter-spacing:.05em;color:var(--cream);font-size:16px;font-weight:300}.visit-meta{font-family:var(--font-num);color:var(--muted);letter-spacing:.04em;margin-top:3px;font-size:10px}.visit-price{font-family:var(--font-num);letter-spacing:-.01em;color:var(--gold);flex-shrink:0;margin-left:auto;font-size:15px;font-weight:700}.alert{border-radius:var(--r-lg);box-shadow:var(--shadow-sm);align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.alert.warn{box-shadow:var(--shadow-sm),inset 0 1px 0 #ffffff0d;background:#c9a84c14;border:1px solid #c9a84c38}.alert.info{background:#4caf8212;border:1px solid #4caf8238}.alert.neutral{background:var(--surface-1);border:1px solid var(--border-1)}.alert-icon{flex-shrink:0;margin-top:2px}.alert-icon.gold{color:var(--gold)}.alert-icon.green{color:var(--green)}.alert-title{font-family:var(--font-num);letter-spacing:.16em;text-transform:uppercase;color:var(--cream);margin-bottom:5px;font-size:11px;font-weight:800}.alert-body{font-family:var(--font-num);color:var(--cream-dim);font-size:13px;font-weight:400;line-height:1.6}.search-wrap{margin-bottom:16px;position:relative}.search-wrap svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-wrap input{border-radius:var(--r-md);width:100%;color:var(--cream);font-family:var(--font-body);background:#ffffff0e;border:1px solid #ffffff1a;outline:none;padding:13px 14px 13px 42px;font-size:14px;transition:all .22s;box-shadow:inset 0 1px 3px #00000040}.search-wrap input:focus{border-color:var(--border-gold-bright);background:#ffffff16;box-shadow:inset 0 1px 3px #0003,0 0 0 3px #c9a84c14}.search-wrap input::placeholder{color:var(--dim)}.cust-row{cursor:pointer;border-bottom:1px solid #ffffff0d;align-items:center;gap:13px;padding:14px 0;transition:opacity .15s;display:flex}.cust-row:last-child{border-bottom:none}.cust-row:hover{opacity:.85}.avatar{border:1px solid var(--border-gold);width:42px;height:42px;font-family:var(--font-display);letter-spacing:.02em;color:var(--gold);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff14;background:linear-gradient(135deg,#3d2b1fb3,#c9a84c29);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex}.cust-name{font-family:var(--font-num);color:var(--cream);margin-bottom:3px;font-size:14px;font-weight:600}.cust-meta{font-family:var(--font-num);color:var(--muted);letter-spacing:.04em;font-size:10px}.cust-right{text-align:right;flex-shrink:0;margin-left:auto}.services{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px;display:grid}.svc-btn{border-radius:var(--r-md);cursor:pointer;text-align:left;font-family:var(--font-body);box-shadow:inset 0 1px 0 #ffffff0f, var(--shadow-sm);background:#ffffff0d;border:1px solid #ffffff17;flex-direction:column;gap:6px;padding:14px 13px;transition:all .2s;display:flex}.svc-btn:hover{border-color:var(--border-gold);background:#ffffff14}.svc-btn.on{border-color:var(--gold);background:#c9a84c1a;box-shadow:0 0 20px #c9a84c1a,inset 0 1px #ffffff14}.svc-name{font-family:var(--font-num);color:var(--cream-dim);justify-content:space-between;align-items:center;font-size:11px;font-weight:500;display:flex}.svc-name.on{color:var(--cream)}.svc-price{font-family:var(--font-num);letter-spacing:-.01em;color:var(--gold);font-size:16px;font-weight:700}.total-bar{border-radius:var(--r-md);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff0f;background:#c9a84c14;border:1px solid #c9a84c38;justify-content:space-between;align-items:center;margin-bottom:14px;padding:15px 17px;display:flex}.total-label{font-family:var(--font-num);letter-spacing:.22em;color:var(--gold-dim);text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:800}.total-services{font-family:var(--font-num);color:var(--cream-dim);font-size:10.5px;line-height:1.4}.total-amount{font-family:var(--font-num);letter-spacing:-.01em;color:var(--gold);flex-shrink:0;margin-left:14px;font-size:26px;font-weight:700}.rev-hero{text-align:center;padding:30px 0 26px}.rev-amount{font-family:var(--font-num);letter-spacing:-.02em;color:var(--gold);text-shadow:0 0 40px #c9a84c40;font-size:52px;font-weight:800;line-height:1}.rev-label{font-family:var(--font-num);letter-spacing:.24em;color:var(--muted);text-transform:uppercase;margin-top:10px;font-size:10px;font-weight:700}.insight-card{border-radius:var(--r-lg);-webkit-backdrop-filter:var(--blur-md);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff12;background:linear-gradient(140deg,#ffffff12 0%,#ffffff0a 100%);border:1px solid #ffffff1a;margin-bottom:12px;padding:20px}.insight-hdr{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:10px;display:flex}.insight-icon{border:1px solid var(--border-gold);width:34px;height:34px;color:var(--gold);background:#c9a84c1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffff0f}.insight-lbl{font-family:var(--font-num);letter-spacing:.26em;color:var(--gold);text-transform:uppercase;font-size:10px;font-weight:800}.insight-text{font-family:var(--font-num);color:var(--cream-dim);margin-top:6px;font-size:14px;font-weight:400;line-height:1.7}.period-sel{border-radius:var(--r-md);box-shadow:var(--shadow-sm),inset 0 1px 0 #ffffff0d;border:1px solid #ffffff1a;gap:0;margin-bottom:18px;display:flex;overflow:hidden}.period-btn{font-family:var(--font-num);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;color:var(--muted);background:0 0;border:none;border-right:1px solid #ffffff14;flex:1;padding:11px 4px;font-size:9px;font-weight:700;transition:all .18s}.period-btn:last-child{border-right:none}.period-btn.active{color:var(--gold);background:#c9a84c1f}.barber-row{border-bottom:1px solid #ffffff0d;padding:17px 0}.barber-row:last-child{border-bottom:none}.barber-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.barber-name{font-family:var(--font-display);letter-spacing:.08em;color:var(--cream);font-size:16px;font-weight:300}.barber-pct{font-family:var(--font-num);color:var(--muted);letter-spacing:.04em;font-size:10px}.bar-track{background:#ffffff0f;border-radius:4px;height:3px;margin-bottom:13px;overflow:hidden;box-shadow:inset 0 1px 2px #0000004d}.bar-fill{background:linear-gradient(90deg, var(--gold-dim), var(--gold-light), var(--gold-bright));border-radius:4px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #c9a84c59}.barber-metrics{gap:22px;display:flex}.barber-metric{font-family:var(--font-num);color:var(--muted);font-size:10px}.barber-metric strong{font-family:var(--font-num);letter-spacing:-.01em;color:var(--gold);margin-bottom:1px;font-size:20px;font-style:normal;font-weight:700;display:block}.date-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.date-field{min-width:0;overflow:hidden}.date-field label{font-family:var(--font-num);letter-spacing:.22em;color:var(--gold-dim);text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:700;display:block}.date-field input{border-radius:var(--r-sm);width:100%;color:var(--cream);font-family:var(--font-num);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;box-sizing:border-box;background:#ffffff0e;border:1px solid #ffffff1a;outline:none;padding:10px 8px;font-size:12px;display:block;box-shadow:inset 0 1px 3px #0003}.date-field input:focus{border-color:var(--border-gold);background:#ffffff14}.role-badge{font-family:var(--font-num);letter-spacing:.16em;text-transform:uppercase;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:8px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.role-badge.owner{color:var(--gold);background:#c9a84c24;border:1px solid #c9a84c59}.role-badge.manager{color:var(--green);background:#4caf821a;border:1px solid #4caf824d}.role-badge.barber{color:#c4845c;background:#8b5e3c33;border:1px solid #8b5e3c59}.role-badge.customer{color:var(--muted);background:#ffffff0f;border:1px solid #ffffff1a}.team-row{border-bottom:1px solid #ffffff0d;align-items:center;gap:13px;padding:15px 0;transition:opacity .2s;display:flex}.team-row:last-child{border-bottom:none}.team-row.inactive{opacity:.4}.team-avatar{width:42px;height:42px;font-family:var(--font-num);letter-spacing:.02em;color:var(--gold);border:1px solid var(--border-gold);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff14;background:linear-gradient(135deg,#3d2b1fb3,#c9a84c24);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex;position:relative}.team-name{font-family:var(--font-num);color:var(--cream);text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;font-size:14px;font-weight:600;overflow:hidden}.team-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.team-phone{font-family:var(--font-num);color:var(--dim);letter-spacing:.04em;font-size:10px}.inactive-tag{font-family:var(--font-num);letter-spacing:.12em;color:var(--red);text-transform:uppercase;font-size:8px;font-weight:800}.team-actions{flex-shrink:0;gap:6px;margin-left:auto;display:flex}.filter-pills{flex-wrap:wrap;gap:6px;display:flex}.filter-pill{font-family:var(--font-num);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff17;border-radius:20px;padding:6px 13px;font-size:8.5px;font-weight:700;transition:all .18s;box-shadow:inset 0 1px #ffffff0a}.filter-pill.active{border-color:var(--border-gold);color:var(--gold);background:#c9a84c1a}.role-grid{grid-template-columns:1fr 1fr 1fr;gap:9px;margin-bottom:20px;display:grid}.role-option{border-radius:var(--r-md);text-align:center;cursor:pointer;font-family:var(--font-num);box-shadow:inset 0 1px 0 #ffffff0f, var(--shadow-sm);background:#ffffff0d;border:1px solid #ffffff17;padding:18px 8px;transition:all .2s}.role-option:hover{border-color:var(--border-gold);background:#c9a84c14}.role-option.active{border-color:var(--gold);background:#c9a84c21;box-shadow:0 0 20px #c9a84c1f,inset 0 1px #ffffff14}.role-option-icon{color:var(--gold);justify-content:center;margin-bottom:9px;display:flex}.role-option-lbl{font-family:var(--font-num);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:9px;font-weight:700}.role-option.active .role-option-lbl{color:var(--gold)}.role-option-cur{color:var(--gold-dim);letter-spacing:.1em;margin-top:3px;font-size:8px}.sheet-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);background:#000000c7;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-height:88vh;-webkit-backdrop-filter:var(--blur-lg);background:linear-gradient(#1c1814fa 0%,#100e0afc 100%);border-top:1px solid #ffffff1f;border-radius:26px 26px 0 0;padding:8px 22px 52px;overflow-y:auto;box-shadow:0 -12px 60px #0009,0 -1px #c9a84c1a}.sheet:before{content:"";background:#ffffff24;border-radius:2px;width:40px;height:4px;margin:16px auto 24px;display:block}.sheet-title{font-family:var(--font-display);letter-spacing:.06em;color:var(--cream);margin-bottom:4px;font-size:26px;font-weight:300}.sheet-sub{font-family:var(--font-num);color:var(--muted);margin-bottom:22px;font-size:13px}.mix-row{margin-bottom:15px}.mix-lbl{font-family:var(--font-num);color:var(--cream-dim);justify-content:space-between;margin-bottom:7px;font-size:12.5px;font-weight:500;display:flex}.mix-lbl span:last-child{color:var(--gold);font-weight:600}.footer{z-index:80;-webkit-backdrop-filter:var(--blur-lg);background:#0a0a0aeb;border-top:1px solid #ffffff12;padding:14px 20px 30px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -1px #c9a84c12,0 -4px 24px #0006}.footer:before{content:"";background:linear-gradient(90deg,#0000,#c9a84c1f,#0000);height:1px;position:absolute;top:-1px;left:10%;right:10%}.footer-inner{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:space-around;align-items:stretch;max-width:480px;height:56px;margin:0 auto;display:flex;overflow-x:auto}.footer-inner::-webkit-scrollbar{display:none}.footer-tab{cursor:pointer;font-family:var(--font-num);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:0;font-size:8px;font-weight:700;line-height:1;transition:all .22s;display:flex}.footer-tab svg{flex-shrink:0;display:block}.footer-tab span{line-height:1;display:block}.footer-tab.active{color:var(--gold)}.footer-tab.active svg{filter:drop-shadow(0 0 6px #c9a84c80)}.footer-tab:hover:not(.active){color:var(--cream-dim)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fu{animation:.4s both fadeUp}.fu2{animation:.4s 70ms both fadeUp}.fu3{animation:.4s .14s both fadeUp}.fu4{animation:.4s .21s both fadeUp}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:#c9a84c26;border-radius:2px}input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.barber-pole-wrap{border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:14px;margin-bottom:18px;padding:16px 18px;transition:all .3s;display:flex}.barber-pole-wrap.open{background:#c9a84c0f;border-color:#c9a84c4d}.barber-pole-wrap.closing{background:#d9963c0f;border-color:#d9963c59}.barber-pole-wrap.closed{background:#d95f5f0d;border-color:#d95f5f40}.barber-pole{background:#1a1a1a;border:2px solid #ffffff26;border-radius:11px;flex-shrink:0;width:22px;height:72px;position:relative;overflow:hidden;box-shadow:0 2px 16px #00000080,inset 0 1px #ffffff26}.barber-pole-stripe{background:repeating-linear-gradient(-45deg,#c9a84c 0 7px,#f0ead8 7px 14px) 0 0/20px 20px;animation:.7s linear infinite poleScroll;position:absolute;inset:0}.barber-pole-stripe.paused{opacity:.38;filter:grayscale(.8);animation-play-state:paused}@keyframes poleScroll{0%{background-position:0 0}to{background-position:20px 20px}}.barber-pole-cap{z-index:2;background:linear-gradient(#080808f2,#08080880);border-radius:13px 13px 0 0;height:11px;position:absolute;top:0;left:0;right:0}.barber-pole-cap-b{z-index:2;background:linear-gradient(#08080880,#080808f2);border-radius:0 0 13px 13px;height:11px;position:absolute;bottom:0;left:0;right:0}.barber-pole:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg,#ffffff24 0%,#0000 50%,#0000001a 100%);border-radius:13px;position:absolute;inset:0}.pole-status{flex:1}.pole-status-label{font-family:var(--font-num);letter-spacing:.24em;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:800}.pole-status-label.open{color:var(--gold)}.pole-status-label.closing{color:#d4875a}.pole-status-label.closed{color:var(--red)}.pole-status-name{font-family:var(--font-num);color:var(--cream);letter-spacing:.06em;margin-bottom:2px;font-size:15px;font-weight:300}.pole-status-time{font-family:var(--font-num);color:var(--muted);font-size:10px}.pole-toggle{border-radius:var(--r-sm);font-family:var(--font-num);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border:none;flex-shrink:0;padding:9px 16px;font-size:9px;font-weight:800;transition:all .2s}.pole-toggle.open{color:var(--red);background:#d95f5f1f;border:1px solid #d95f5f4d}.pole-toggle.open:hover{background:#d95f5f33}.pole-toggle.closing{color:#d4875a;background:#d9963c1f;border:1px solid #d9963c4d}.pole-toggle.closing:hover{background:#d9963c33}.pole-toggle.closed{color:var(--gold);border:1px solid var(--border-gold);background:#c9a84c1f}.pole-toggle.closed:hover{background:#c9a84c33}.gift-card-visual{border-radius:var(--r-xl);box-shadow:var(--shadow-md), 0 0 60px #c9a84c0f, inset 0 1px 0 #ffffff1a;background:linear-gradient(135deg,#3d2b1fe6 0%,#1e160af2 50%,#3d2b1fcc 100%);border:1px solid #c9a84c59;margin-bottom:16px;padding:24px 22px;position:relative;overflow:hidden}.gift-card-visual:before{content:"";pointer-events:none;background:radial-gradient(circle,#c9a84c1f 0%,#0000 70%);border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-40px}.gift-card-visual:after{content:"GR";font-family:var(--font-display);color:#c9a84c0f;pointer-events:none;letter-spacing:-.04em;font-size:90px;font-weight:200;line-height:1;position:absolute;bottom:-16px;right:16px}.gc-label{font-family:var(--font-num);letter-spacing:.28em;color:var(--gold-dim);text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:700}.gc-amount{font-family:var(--font-num);letter-spacing:-.02em;color:var(--gold);margin-bottom:4px;font-size:44px;font-weight:800;line-height:1}.gc-code{font-family:var(--font-num);letter-spacing:.28em;color:var(--cream);margin-top:16px;font-size:13px;font-weight:800}.gc-code span{color:var(--gold-dim);letter-spacing:.16em;margin-right:8px;font-size:10px;font-weight:400}.gc-expiry{font-family:var(--font-num);color:var(--muted);margin-top:5px;font-size:10px}.chart-bar-wrap{align-items:flex-end;gap:6px;height:80px;margin-bottom:8px;display:flex}.chart-bar{cursor:pointer;border-radius:4px 4px 0 0;flex:1;min-width:0;transition:height .6s cubic-bezier(.4,0,.2,1);position:relative}.chart-bar-label{font-family:var(--font-num);color:var(--muted);text-align:center;margin-top:5px;font-size:8.5px}.chart-bar-val{font-family:var(--font-num);color:var(--gold);white-space:nowrap;opacity:0;font-size:8px;font-weight:700;transition:opacity .2s;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.chart-bar:hover .chart-bar-val{opacity:1}.notif-row{border-bottom:1px solid #ffffff0d;align-items:flex-start;gap:12px;padding:14px 0;display:flex}.notif-row:last-child{border-bottom:none}.notif-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.notif-icon-wrap.wa{color:#25d366;background:#25d3661f;border:1px solid #25d36640}.notif-icon-wrap.bday{border:1px solid var(--border-gold);color:var(--gold);background:#c9a84c1f}.notif-icon-wrap.rev{color:var(--green);background:#4caf821a;border:1px solid #4caf8240}.notif-icon-wrap.ref{color:#9b6bd4;background:#8b5ec01f;border:1px solid #8b5ec04d}.notif-title{font-family:var(--font-num);color:var(--cream);margin-bottom:3px;font-size:13px;font-weight:600}.notif-body{font-family:var(--font-num);color:var(--muted);font-size:11px;line-height:1.5}.notif-time{font-family:var(--font-num);color:var(--dim);letter-spacing:.04em;margin-top:4px;font-size:9px}.notif-status{letter-spacing:.12em;text-transform:uppercase;border-radius:10px;flex-shrink:0;margin-left:auto;padding:3px 8px;font-size:8px;font-weight:700}.notif-status.sent{color:var(--green);background:#4caf821f;border:1px solid #4caf8240}.notif-status.pending{color:var(--gold-dim);background:#c9a84c1a;border:1px solid #c9a84c33}.notif-status.simulated{color:var(--muted);background:#ffffff0f;border:1px solid #ffffff1a}.referral-card{border-radius:var(--r-lg);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff12;background:linear-gradient(140deg,#8b5ec01a 0%,#ffffff0a 100%);border:1px solid #8b5ec040;margin-bottom:16px;padding:22px 20px}.referral-code{font-family:var(--font-num);letter-spacing:.18em;color:var(--gold);text-align:center;padding:14px 0 10px;font-size:22px;font-weight:800}.referral-copy-btn{border-radius:var(--r-sm);color:#9b6bd4;width:100%;font-family:var(--font-num);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#8b5ec014;border:1px solid #8b5ec04d;justify-content:center;align-items:center;gap:7px;margin-top:8px;padding:11px;font-size:10px;font-weight:700;transition:all .18s;display:flex}.referral-copy-btn:hover{background:#8b5ec029;border-color:#8b5ec080}.bday-card{border-radius:var(--r-lg);border:1px solid var(--border-gold);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff12;background:linear-gradient(140deg,#c9a84c1a 0%,#ffffff0a 100%);margin-bottom:12px;padding:18px 16px}.wa-bubble{font-family:var(--font-num);color:var(--cream-dim);background:#25d36614;border:1px solid #25d36633;border-radius:0 12px 12px;margin-top:10px;padding:12px 14px;font-size:12px;line-height:1.6;position:relative}.wa-bubble:before{content:"";border-top:8px solid #25d36633;border-right:8px solid #0000;width:0;height:0;position:absolute;top:0;left:-1px}.wa-send-btn{border-radius:var(--r-sm);color:#fff;width:100%;font-family:var(--font-num);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#1da851,#25d366);border:none;justify-content:center;align-items:center;gap:7px;margin-top:10px;padding:12px;font-size:10px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #25d36640}.wa-send-btn:hover{transform:translateY(-1px);box-shadow:0 6px 22px #25d36659}.wa-sent-badge{color:var(--green);justify-content:center;align-items:center;gap:6px;margin-top:8px;font-size:11px;font-weight:600;display:flex}.review-card{border-radius:var(--r-lg);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff0f;background:linear-gradient(140deg,#4caf8217 0%,#ffffff0a 100%);border:1px solid #4caf8238;margin-bottom:12px;padding:18px 16px}.bday-popup-overlay{z-index:300;-webkit-backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:flex-end;padding-bottom:0;display:flex;position:fixed;inset:0}.bday-popup-icon{text-align:center;margin-bottom:16px}.bday-popup-title{font-family:var(--font-display);letter-spacing:.1em;color:var(--cream);text-align:center;margin-bottom:6px;font-size:24px;font-weight:300}.bday-popup-overlay{z-index:300;-webkit-backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.bday-popup{width:100%;max-width:480px;-webkit-backdrop-filter:var(--blur-lg);background:linear-gradient(#1c1812fa 0%,#100e08fc 100%);border-top:1px solid #ffffff1a;border-radius:26px 26px 0 0;padding:8px 22px 52px;box-shadow:0 -12px 60px #0009}.bday-popup-handle{background:#ffffff24;border-radius:2px;width:40px;height:4px;margin:16px auto 24px}.bday-popup-title{font-family:var(--font-num);color:var(--cream);text-align:center;margin-bottom:6px;font-size:22px;font-weight:700}.bday-popup-sub{font-family:var(--font-num);color:var(--muted);text-align:center;margin-bottom:24px;font-size:12px;line-height:1.6}.toggle-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.toggle-row:last-child{border-bottom:none}.toggle-label{font-family:var(--font-num);color:var(--cream);font-size:13px;font-weight:500}.toggle-sub{font-family:var(--font-num);color:var(--muted);margin-top:2px;font-size:10px}.toggle{cursor:pointer;flex-shrink:0;width:44px;height:24px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-track{background:#ffffff1a;border:1px solid #ffffff1f;border-radius:12px;transition:all .25s;position:absolute;inset:0}.toggle input:checked+.toggle-track{background:var(--gold);border-color:var(--gold)}.toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000004d}.toggle input:checked~.toggle-thumb{transform:translate(20px)}