:root{--bg:#0a0a0a;--surface:#1a1918;--surface-2:#252321;--fg:#e8e0d4;--fg-strong:#fff;--fg-muted:#8a8078;--fg-subtle:#5a534a;--border-subtle:#ffffff0d;--border:#ffffff1a;--border-strong:#ffffff2e;--accent:#c4a46c;--accent-strong:#d4b478;--accent-soft:#c4a46c26;--on-accent:#0a0a0a;--success:#7a9968;--success-soft:#7a996826;--warning:#d18a3d;--error:#b45454;--error-soft:#b4545426;--r-sm:4px;--r-md:8px;--r-lg:16px;--r-xl:24px;--r-full:9999px;--s-2xs:4px;--s-xs:8px;--s-sm:12px;--s-md:16px;--s-lg:24px;--s-xl:40px;--font-body:"Satoshi", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display:"Cabinet Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;--shadow-md:0 6px 16px -4px #00000080;--shadow-glow:0 4px 24px -6px #c4a46c59;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{background:var(--bg);min-height:100dvh;color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}.screen{max-width:480px;padding:var(--s-md) var(--s-md) var(--s-xl);gap:var(--s-md);flex-direction:column;margin:0 auto;display:flex}.app-shell{flex-direction:column;max-width:560px;min-height:100dvh;margin:0 auto;display:flex}.app-shell:before{content:"";pointer-events:none;background:radial-gradient(560px 320px at 50% -80px,#c4a46c1f,#0000 70%);height:320px;position:fixed;inset:0 0 auto}.app-content{padding:var(--s-md) var(--s-md) var(--s-xl);gap:var(--s-md);flex-direction:column;flex:1;display:flex}.brandbar{padding:var(--s-md);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:.08em;color:var(--fg-strong);align-items:center;font-size:1.25rem;font-weight:700;display:inline-flex}.wordmark .dot{color:var(--accent);padding:0 .06em}.label-micro{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);font-size:.6875rem;font-weight:400}.muted{color:var(--fg-muted)}.center{text-align:center}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;color:var(--fg-strong);font-weight:700;line-height:1.2}h1{font-size:1.75rem}h2{font-size:1.35rem}h3{font-size:1.1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-lg)}.card-tight{padding:var(--s-md)}.btn{justify-content:center;align-items:center;gap:var(--s-xs);font:inherit;border:1px solid var(--border);background:var(--surface-2);color:var(--fg);cursor:pointer;text-align:center;border-radius:10px;padding:14px 16px;font-weight:500;transition:filter .2s,opacity .2s,transform .1s;display:inline-flex}.btn:hover{filter:brightness(1.12)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:linear-gradient(180deg, var(--accent-strong), var(--accent));border-color:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-glow);font-weight:700}.btn-sm{border-radius:var(--r-full);padding:9px 14px;font-size:.9rem}.btn-ghost{color:var(--fg-muted);background:0 0;border-color:#0000;padding:8px 10px}.btn-ghost:hover{color:var(--fg);filter:none}.btn-danger{color:var(--error)}.btn-block{width:100%}.input,select.input{width:100%;font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--fg);border-radius:10px;padding:12px 14px}.input::placeholder{color:var(--fg-subtle)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px}.topbar{justify-content:space-between;align-items:center;gap:var(--s-sm);display:flex}.topbar-title{font-family:var(--font-display);color:var(--fg-strong);font-weight:700}.stat-row{gap:var(--s-sm);display:flex}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-md);flex:1}.stat-value{font-family:var(--font-display);color:var(--accent);margin-top:2px;font-size:1.75rem;font-weight:700;line-height:1.1}.kv{justify-content:space-between;align-items:center;gap:var(--s-md);border-bottom:1px solid var(--border-subtle);padding:14px 0;display:flex}.kv:last-child{border-bottom:none}.kv-key{color:var(--fg-muted)}.kv-val{color:var(--fg-strong);text-align:right;word-break:break-word}.timbri-grid{gap:var(--s-sm);margin:var(--s-md) 0;grid-template-columns:repeat(5,1fr);display:grid}.timbro{aspect-ratio:1;border-radius:var(--r-full);border:1.5px solid var(--border-strong);color:#0000;place-items:center;display:grid}.timbro.full{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-size:1.1rem;font-weight:700}.activity{list-style:none}.activity-row{justify-content:space-between;align-items:center;gap:var(--s-md);border-bottom:1px solid var(--border-subtle);padding:14px 0;display:flex}.activity-row:last-child{border-bottom:none}.activity-label{align-items:center;gap:var(--s-sm);display:flex}.bullet{border-radius:var(--r-full);background:var(--accent);flex:none;width:9px;height:9px}.bullet.reward{background:var(--success)}.is-reward{color:var(--success);font-weight:500}.activity-date{color:var(--fg-muted);white-space:nowrap;font-size:.875rem}.scan-hero{align-items:center;gap:var(--s-md);border-radius:var(--r-lg);color:var(--on-accent);box-shadow:var(--shadow-glow);background:linear-gradient(135deg,#d4b478 0%,#c4a46c 55%,#a8854e 100%);padding:18px 20px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.scan-hero:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff2e 50%,#0000 60%);transition:transform .6s;position:absolute;inset:0;transform:translate(-120%)}.scan-hero:hover:after{transform:translate(120%)}.scan-hero:active{transform:scale(.985)}.scan-hero-icon{background:#0a0a0a29;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}.scan-hero-title{font-family:var(--font-display);font-size:1.2rem;font-weight:800;line-height:1.2;display:block}.scan-hero-sub{opacity:.75;font-size:.85rem}.scan-hero .chev{color:inherit;opacity:.55;margin-left:auto}.list{list-style:none}.list-row{justify-content:space-between;align-items:center;gap:var(--s-md);padding:14px var(--s-2xs);border-bottom:1px solid var(--border-subtle);display:flex}.customer-grid{gap:var(--s-sm);flex-direction:column;display:flex}.customer-card{align-items:center;gap:var(--s-sm);padding:var(--s-sm) var(--s-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);grid-template-columns:auto 1fr auto auto;transition:border-color .15s,transform .15s,box-shadow .15s;display:grid}.customer-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.customer-card:active{transform:scale(.99)}.avatar{border-radius:var(--r-full);background:linear-gradient(145deg, var(--surface-2), #2e2a25);border:1px solid var(--border);width:42px;height:42px;font-family:var(--font-display);color:var(--accent);flex:none;place-items:center;font-size:.95rem;font-weight:700;display:grid}.customer-card-main{flex-direction:column;gap:5px;min-width:0;display:flex}.customer-card-name{font-family:var(--font-display);color:var(--fg-strong);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.customer-card-cycle{font-family:var(--font-display);color:var(--accent);white-space:nowrap;font-weight:700}.customer-card-cycle .of{color:var(--fg-subtle);font-size:.85em;font-weight:400}.customer-card-phone{color:var(--fg-muted);font-size:.8rem}.progress{border-radius:var(--r-full);background:var(--surface-2);height:4px;margin-top:2px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-strong));height:100%;transition:width .4s;display:block}.chev{color:var(--fg-subtle);flex:none}.scan-frame{aspect-ratio:1;border-radius:var(--r-lg);border:1px solid var(--border);background:#000;width:100%;position:relative;overflow:hidden}#qr-reader{position:absolute;inset:0;width:100%!important;height:100%!important}#qr-reader video{object-fit:cover;display:block;width:100%!important;height:100%!important}.scan-hint{justify-content:center;align-items:center;gap:var(--s-xs);color:var(--fg-muted);font-size:.9rem;display:flex}.scan-error{color:var(--error)}.modal-backdrop{-webkit-backdrop-filter:blur(6px);padding:var(--s-md);z-index:20;background:#0009;place-items:center;animation:.2s both fade-in;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-lg);gap:var(--s-sm);width:100%;max-width:360px;box-shadow:var(--shadow-md);flex-direction:column;animation:.25s both rise;display:flex}.field-label{align-items:center;gap:var(--s-xs);color:var(--fg-muted);font-size:.9rem;display:flex}.stack{gap:var(--s-sm);flex-direction:column;display:flex}.row-gap{gap:var(--s-xs);display:flex}.brandbar-sticky{z-index:10;-webkit-backdrop-filter:blur(12px);background:#0a0a0ab8;position:sticky;top:0}.chip{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:var(--r-full);border:1px solid #c4a46c40;padding:4px 10px;font-size:.6875rem}.section-head{margin-top:var(--s-xs);justify-content:space-between;align-items:center;display:flex}.count-badge{font-family:var(--font-body);letter-spacing:0;color:var(--fg-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-full);vertical-align:3px;margin-left:6px;padding:2px 9px;font-size:.8rem;font-weight:500}.search-wrap{position:relative}.search-icon{color:var(--fg-subtle);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{border-radius:var(--r-full);padding-left:42px}.action-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.action-row{align-items:center;gap:var(--s-sm);width:100%;padding:12px var(--s-md);font:inherit;text-align:left;border:none;border-bottom:1px solid var(--border-subtle);color:var(--fg);cursor:pointer;background:0 0;font-weight:500;transition:background .15s;display:flex}.action-row:last-child{border-bottom:none}.action-row:hover{background:var(--surface-2)}.action-row:disabled{opacity:.5;cursor:default}.action-row .chev{margin-left:auto}.action-row.danger{color:var(--error)}.action-icon{background:var(--surface-2);width:34px;height:34px;color:var(--fg-muted);border:1px solid var(--border-subtle);border-radius:10px;flex:none;place-items:center;display:grid}.action-icon.gold{background:var(--accent-soft);color:var(--accent)}.action-icon.red{background:var(--error-soft);color:var(--error)}.switch{flex:none;width:44px;height:26px;margin-left:auto;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch-track{border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border);pointer-events:none;transition:background .2s,border-color .2s;position:absolute;inset:0}.switch-track:after{content:"";background:var(--fg-muted);border-radius:50%;width:18px;height:18px;transition:transform .2s,background .2s;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.switch input:checked+.switch-track{background:var(--accent);border-color:var(--accent)}.switch input:checked+.switch-track:after{background:var(--on-accent);transform:translate(18px,-50%)}.switch input:disabled+.switch-track{opacity:.5}.stepper{justify-content:center;align-items:center;gap:var(--s-lg);padding:var(--s-xs) 0;display:flex}.stepper-btn{border-radius:var(--r-full);width:52px;height:52px;font-family:var(--font-display);background:var(--surface-2);color:var(--fg-strong);border:1px solid var(--border);cursor:pointer;place-items:center;font-size:1.6rem;font-weight:700;transition:filter .15s,transform .1s;display:grid}.stepper-btn:hover{filter:brightness(1.15)}.stepper-btn:active{transform:scale(.94)}.stepper-btn:disabled{opacity:.35;cursor:default}.stepper-value{font-family:var(--font-display);color:var(--accent);text-align:center;font-variant-numeric:tabular-nums;min-width:64px;font-size:2.6rem;font-weight:800}.reward-hero{text-align:center;padding:var(--s-xl) var(--s-lg);align-items:center;position:relative;overflow:hidden}.reward-hero:before{content:"";pointer-events:none;background:radial-gradient(300px 200px at 50% 0,#c4a46c2e,#0000 70%);position:absolute;inset:0}.reward-icon{border-radius:var(--r-full);background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border:1px solid #c4a46c4d;place-items:center;animation:.4s cubic-bezier(.34,1.56,.64,1) both pop;display:grid}.empty-state{align-items:center;gap:var(--s-xs);padding:var(--s-xl) var(--s-md);color:var(--fg-muted);text-align:center;flex-direction:column;display:flex}.empty-state svg{color:var(--fg-subtle)}.pulse-dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px;animation:1.6s infinite pulse}.rise{animation:.35s both rise}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}