:root{color-scheme:light;--bg: #f6f3ed;--bg-alt: #efe8dc;--surface: rgba(255, 255, 255, .72);--surface-strong: #ffffff;--line: rgba(15, 23, 42, .12);--text: #10203a;--muted: #5d6a7f;--accent: #0f766e;--accent-strong: #115e59;--gold: #c58a2f;--shadow: 0 24px 80px rgba(15, 23, 42, .12);--radius-xl: 28px;--radius-lg: 20px;--font-body: "Manrope", "Avenir Next", "Segoe UI", sans-serif;--font-display: "Fraunces", "Georgia", serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at top left,rgba(17,94,89,.18),transparent 28%),radial-gradient(circle at top right,rgba(197,138,47,.16),transparent 25%),linear-gradient(180deg,var(--bg),var(--bg-alt))}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(16,32,58,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(16,32,58,.02) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.4),transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.4),transparent)}button,input,select{font:inherit}a{color:inherit;text-decoration:none}#root{isolation:isolate}.app-frame{min-height:100vh;width:100%;max-width:1080px;margin:0 auto;padding:18px 16px 96px}.public-frame{padding-bottom:32px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.topbar-surface{padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow)}.topbar-brand-stack{display:grid;gap:4px;position:relative;z-index:1}.topbar-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.topbar-subtitle{margin:0;font-size:.85rem}.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;position:relative;z-index:1}.topbar-link{padding:10px 14px}.public-topbar{margin-bottom:22px}.public-brand{align-items:center}.public-brand-copy{display:grid;gap:2px}.public-brand-copy strong{font-size:1rem}.public-brand-copy small{color:var(--muted);font-size:.82rem}.public-topbar-actions{align-items:center}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:700}.brand-mark{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--accent),var(--gold));box-shadow:0 16px 30px #115e593d}.language-switcher{display:inline-flex;gap:8px}.language-switcher.compact{flex-wrap:wrap}.chip{border:1px solid var(--line);background:#fff9;color:var(--muted);padding:8px 12px;border-radius:999px}.chip-active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong));border-color:transparent}.content{display:grid;gap:16px;min-width:0}.content-with-tabs{padding-bottom:20px;min-width:0}.minimal-qr-shell{padding-top:12px}.minimal-qr-content{min-height:calc(100vh - 132px);align-content:start;min-width:0}.page-stack{display:grid;gap:16px;min-width:0}.hero-card,.section-card,.auth-card,.summary-card,.metric-card,.billing-card,.list-row,.qr-code-shell{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow)}.hero-card,.section-card,.auth-card{border-radius:var(--radius-xl);padding:18px}.section-card h2,.auth-card h1,.hero-card h1{margin:0;font-family:var(--font-display);letter-spacing:-.03em}.section-header{display:grid;gap:12px;margin-bottom:14px}.section-header-top{display:flex;justify-content:flex-end}.section-header p,.hero-card p,.auth-card p,.list-row p,.billing-card p,.card-copy p{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--gold);font-weight:700}.headline{font-size:18px;font-weight:700}.public-hero{display:grid;gap:16px}.landing-shell{gap:20px}.landing-stage{display:grid;gap:22px;padding:22px;background:radial-gradient(circle at top left,rgba(17,94,89,.22),transparent 28%),radial-gradient(circle at 82% 14%,rgba(197,138,47,.2),transparent 26%),linear-gradient(180deg,#fffffff5,#ffffffc7);position:relative;overflow:hidden}.landing-stage-v2:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-54px;bottom:-72px;background:#ffffff70;filter:blur(6px)}.landing-stage-copy{display:grid;gap:16px;align-content:start;position:relative;z-index:1}.landing-stage h1{margin:0;font-size:clamp(2.6rem,6vw,5.4rem);line-height:.92;max-width:10ch}.landing-lead{margin:0;color:var(--muted);font-size:1.04rem;line-height:1.7;max-width:56ch}.landing-topline,.landing-proof-ribbon,.landing-band-track{display:flex;flex-wrap:wrap;gap:10px}.landing-kicker,.landing-mini-badge,.landing-ribbon-chip,.mock-pill,.status-chip{border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;letter-spacing:.03em}.landing-kicker{border:1px solid rgba(17,94,89,.18);background:#115e591a;color:var(--accent-strong)}.landing-mini-badge,.landing-ribbon-chip{border:1px solid rgba(16,32,58,.08);background:#ffffffd6;color:var(--text)}.mock-pill,.status-chip{background:#115e591f;color:var(--accent-strong)}.mock-pill.is-soft,.status-chip.is-warn{background:#c58a2f24;color:#8a5310}.landing-actions{margin-top:2px}.landing-stage-visual{display:grid;position:relative;z-index:1}.landing-showcase-card,.landing-role-card,.landing-step-card,.landing-plan-card,.landing-band{border:1px solid rgba(16,32,58,.08);box-shadow:0 18px 42px #0f172a14}.landing-showcase-card{display:grid;gap:16px;padding:20px;border-radius:28px;background:#ffffffd6}.landing-showcase-card-primary{background:radial-gradient(circle at top left,rgba(17,94,89,.16),transparent 36%),linear-gradient(180deg,#fffffff5,#ffffffd6)}.landing-showcase-card-secondary{background:radial-gradient(circle at bottom right,rgba(197,138,47,.18),transparent 30%),#ffffffe0}.landing-showcase-card-tertiary{background:linear-gradient(180deg,#10203a08,#ffffffd6),#ffffffd6}.landing-card-topline,.mock-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.landing-card-kicker{font-size:.9rem;font-weight:800;color:var(--text)}.landing-showcase-grid{display:grid;gap:16px;align-items:center}.landing-qr-stage{display:grid;place-items:center;padding:18px;border-radius:26px;background:linear-gradient(180deg,#ffffffdb,#ffffff9e)}.landing-demo-qr{width:min(100%,182px);height:auto;display:block;filter:drop-shadow(0 18px 30px rgba(15,23,42,.12))}.landing-stage-stack{display:grid;gap:14px}.device-stat-list{display:grid;gap:10px}.device-stat-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:18px;background:#10203a0d}.device-stat-row span{color:var(--muted);font-size:.92rem}.device-stat-row strong{letter-spacing:-.03em}.landing-card-copy,.device-card-footer p{margin:0;color:var(--muted);line-height:1.6}.landing-count-pill,.landing-role-kicker{display:inline-flex;width:fit-content;border-radius:999px;padding:7px 12px;background:#115e591a;color:var(--accent-strong);font-size:12px;font-weight:800}.landing-mini-stat-grid,.landing-role-grid,.landing-grid-layout,.landing-plan-grid{display:grid;gap:14px}.landing-mini-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-mini-stat{display:grid;gap:6px;padding:14px;border-radius:18px;background:#10203a0d}.landing-mini-stat strong{font-size:1.2rem;letter-spacing:-.04em}.landing-mini-stat small{color:var(--muted);line-height:1.45}.landing-band{border-radius:999px;padding:14px 16px;background:#ffffffb8;overflow:hidden}.landing-band-chip{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:999px;background:#10203a0d;font-size:.9rem;font-weight:700}.landing-grid-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-role-card{display:grid;gap:10px;padding:20px;border-radius:24px;background:#fffc}.landing-role-card h3{margin:0;font-family:var(--font-display);font-size:1.35rem;letter-spacing:-.03em}.landing-role-card p{margin:0;color:var(--muted);line-height:1.6}.landing-step-list{display:grid;gap:12px}.landing-step-card{display:grid;gap:14px;padding:20px;border-radius:24px;background:#ffffffc7}.landing-step-index{display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:18px;background:#115e591a;color:var(--accent-strong);font-weight:800}.landing-step-card p{margin:0;color:var(--muted);line-height:1.6}.landing-plan-card{display:grid;gap:10px;padding:20px;border-radius:24px;background:#fffc}.landing-plan-card strong{font-size:1.2rem;letter-spacing:-.03em}.landing-plan-card p{margin:0;color:var(--muted);line-height:1.6}.landing-plan-card-highlight{border-color:#115e5938;background:linear-gradient(180deg,#115e591f,#ffffffdb),#ffffffd1}.landing-final-cta{display:grid;gap:18px;align-items:center;background:radial-gradient(circle at top right,rgba(17,94,89,.18),transparent 24%),radial-gradient(circle at bottom left,rgba(197,138,47,.18),transparent 24%),#ffffffd1}.landing-final-cta h2{margin:0;font-family:var(--font-display);font-size:clamp(1.9rem,4vw,3rem);letter-spacing:-.04em}.landing-whatsapp-fab{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));width:70px;height:70px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:3px solid rgba(255,255,255,.96);background:linear-gradient(180deg,#31db67,#25cc5d 52%,#169f37);color:#fff;box-shadow:0 24px 42px #0e182633,0 10px 18px #25d36633;z-index:60;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.landing-whatsapp-fab:before,.landing-whatsapp-fab:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.landing-whatsapp-fab:before{top:-7px;right:-7px;bottom:-7px;left:-7px;background:radial-gradient(circle,#25d36638,#25d36600);z-index:-2}.landing-whatsapp-fab:after{top:4px;right:4px;bottom:4px;left:4px;background:linear-gradient(180deg,#ffffff38,#fff0);z-index:-1}.landing-whatsapp-fab:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 30px 52px #0e182642,0 14px 22px #25d3663d;filter:saturate(1.04)}.landing-whatsapp-fab:focus-visible{outline:3px solid rgba(37,211,102,.24);outline-offset:4px}.landing-whatsapp-icon{width:31px;height:31px;display:block;filter:drop-shadow(0 1px 0 rgba(255,255,255,.12))}.summary-chip{display:grid;gap:4px;padding:12px 14px;border-radius:20px;border:1px solid var(--line);background:#ffffffc7}.summary-chip span{color:var(--muted);font-size:12px;font-weight:700}.summary-chip strong{font-size:1rem;letter-spacing:-.02em}.auth-shell{display:grid;place-items:center;min-height:calc(100vh - 36px)}.auth-panel{width:100%;max-width:540px;display:grid;gap:16px}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:8px;border-radius:22px;background:#ffffff94;border:1px solid var(--line)}.auth-tab{border:0;border-radius:16px;padding:13px 14px;font-weight:800;background:transparent;color:var(--muted)}.auth-tab.is-active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 14px 26px #115e5929}.auth-form{display:grid;gap:14px}.auth-link-button{padding:0;border:0;background:transparent;color:var(--accent-strong);font-weight:800;text-align:left}.input-card{display:grid;gap:8px;font-weight:700}.input-card span{font-size:.92rem}.input-card small{color:var(--muted);font-weight:600}.input-card input,.input-card select,.settings-stack input,.settings-stack select,.cashier-form-grid input,.compact-form input,.compact-form select{width:100%;border-radius:16px;border:1px solid var(--line);padding:13px 14px;background:#ffffffe0}.auth-footnote{display:grid;gap:10px}.auth-reset-card{display:grid;gap:14px;padding:18px;border-radius:24px;border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(17,94,89,.12),transparent 36%),#ffffffbd}.stamp-view{gap:18px}.stamp-hero{display:grid;gap:18px}.stamp-hero h1{margin:0;font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(2rem,5vw,3.8rem)}.stamp-hero-copy{display:grid;gap:12px;position:relative;min-width:0;padding-right:92px}.stamp-brand-row{position:absolute;top:0;right:0;display:flex;align-items:flex-start;justify-content:flex-end;pointer-events:none}.stamp-brand-media{width:64px;height:64px;border-radius:20px;overflow:hidden;border:1px solid rgba(15,23,42,.08);background:linear-gradient(135deg,#115e59f5,#c58a2feb);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 16px 32px #0f172a1f}.stamp-brand-media.has-image{background:#ffffffe0}.stamp-brand-media img{width:100%;height:100%;object-fit:cover;display:block}.stamp-brand-media span{color:#fff;font-size:1.65rem;font-weight:800}.stamp-hero .eyebrow,.stamp-hero h1,.stamp-hero .muted,.stamp-summary-row{min-width:0}.stamp-hero h1{line-height:.96;word-break:break-word;max-width:100%}.stamp-summary-row{display:flex;flex-wrap:wrap;gap:10px}.stamp-stage{display:grid;gap:16px}.stamp-stage-loading,.stamp-stage-error{min-height:320px;display:grid;place-items:center;gap:12px}.stamp-card-visual{display:grid;gap:16px;padding:18px;border-radius:28px;background:radial-gradient(circle at top,rgba(17,94,89,.14),transparent 28%),#ffffffc7;border:1px solid var(--line);box-shadow:var(--shadow)}@media (max-width: 520px){.stamp-hero-copy{padding-right:84px}.stamp-brand-media{width:58px;height:58px;border-radius:18px}.stamp-brand-media span{font-size:1.45rem}}.stamp-orb{width:min(100%,260px);margin:0 auto;aspect-ratio:1;border-radius:999px;display:grid;place-items:center;text-align:center;border:1px solid rgba(17,94,89,.16);background:linear-gradient(180deg,#115e591f,#ffffffeb);box-shadow:inset 0 0 0 12px #ffffff7a}.stamp-orb.is-loading{position:relative;overflow:hidden}.stamp-orb.is-loading:after{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:inherit;border:2px dashed rgba(17,94,89,.18);animation:pulse 1.8s ease-in-out infinite}.stamp-orb strong{display:flex;align-items:baseline;gap:4px;font-family:var(--font-display);font-size:clamp(2.4rem,9vw,4.8rem);line-height:1}.stamp-orb strong span{font-size:.52em;color:var(--muted)}.stamp-orb p{margin:0;color:var(--muted);font-weight:700}.stamp-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stamp-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.stamp-dot{aspect-ratio:1;border-radius:999px;border:1.5px dashed rgba(16,32,58,.22);background:#ffffffa6;display:grid;place-items:center;color:var(--muted);font-weight:800;font-size:.82rem}.stamp-dot-filled{border-style:solid;border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--gold));color:#fff;box-shadow:inset 0 0 0 2px #ffffff2e}.dashboard-stack{gap:18px}.dashboard-hero{display:grid;gap:18px;align-items:start;position:relative;overflow:hidden;background:radial-gradient(circle at top right,rgba(197,138,47,.18),transparent 34%),linear-gradient(180deg,#ffffffd6,#ffffffad)}.dashboard-hero-header{display:grid;gap:14px}.dashboard-hero-copy{display:grid;gap:12px;position:relative;z-index:1;min-width:0;max-width:720px}.dashboard-hero h1{margin:0;font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(2rem,4vw,3.2rem);line-height:.96;word-break:break-word}.dashboard-hero-side{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;position:relative;z-index:1;min-width:0}.dashboard-overview-grid{align-items:stretch}.dashboard-overview-card{min-height:104px}.dashboard-overview-progress{margin-top:4px}.metric-grid-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card-hero{border-color:#115e5938}.qr-preview-shell{display:grid;gap:16px;align-items:center;padding:16px;border-radius:24px;background:radial-gradient(circle at top left,rgba(17,94,89,.12),transparent 34%),#ffffffb8;border:1px solid rgba(15,23,42,.08)}.qr-preview-copy{display:grid;gap:8px}.dashboard-qr-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.qr-preview-copy h3,.qr-preview-copy p{margin:0}.qr-preview-copy h3{font-size:1.1rem;letter-spacing:-.03em}.qr-live-card{display:grid;gap:16px;width:100%;min-width:0}.qr-timer-track,.progress-track{width:100%;height:10px;border-radius:999px;overflow:hidden;background:#10203a14}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(135deg,var(--accent),var(--gold))}.qr-code-shell{display:grid;place-items:center;width:100%;padding:18px;border-radius:30px;background:linear-gradient(180deg,#ffffffd1,#ffffff8f)}.qr-image{width:min(100%,220px);border-radius:24px;display:block}.qr-live-meta{width:100%;display:grid;gap:6px;text-align:center;min-width:0}.qr-live-meta strong{letter-spacing:.02em;overflow-wrap:anywhere;word-break:break-word}.qr-live-meta p{margin:0;color:var(--muted);overflow-wrap:anywhere;word-break:break-word}.customer-row{display:grid;gap:14px;align-items:center}.customer-row-main{display:flex;align-items:center;gap:12px}.customer-avatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-weight:800;color:var(--accent-strong);background:#115e591a}.customer-row-meta{display:flex;justify-content:flex-end}.billing-stack-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ops-list,.activity-list{display:grid;gap:10px}.ops-row,.activity-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffffe0,#ffffffad),#ffffff9e;box-shadow:0 14px 26px #0f172a0f}.ops-row p,.activity-row p{margin:4px 0 0}.ops-row-meta,.activity-row-meta{display:grid;gap:6px;justify-items:end;text-align:end}.activity-row-main{display:flex;align-items:center;gap:12px}.cashier-row-main{display:flex;gap:14px;width:100%}.cashier-actions{width:100%;justify-content:flex-end}.customers-summary{margin-bottom:12px}.customers-hero{display:grid;gap:16px}.customer-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.customer-meta-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#115e591a;color:var(--accent-strong);font-size:12px;font-weight:800;letter-spacing:.02em}.customer-meta-row{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:10px}.app-hero{display:grid;gap:12px;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at top right,rgba(197,138,47,.22),transparent 34%),linear-gradient(135deg,#115e591f,#ffffffd1)}.app-hero h1{margin:0;font-family:var(--font-display);letter-spacing:-.04em}.app-hero-badges{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.owner-shell .topbar-surface{position:relative;overflow:hidden;background:radial-gradient(circle at top right,rgba(197,138,47,.18),transparent 34%),linear-gradient(135deg,#115e591a,#ffffffd6)}.owner-shell .topbar-surface:after,.app-hero-owner:after,.dashboard-hero:after{content:"";position:absolute;width:180px;height:180px;right:-36px;top:-42px;border-radius:50%;background:#ffffff57;filter:blur(8px);pointer-events:none}@keyframes pulse{0%,to{opacity:.35;transform:scale(.98)}50%{opacity:.9;transform:scale(1)}}.inline-actions{display:flex;gap:12px;flex-wrap:wrap}.dashboard-hero-actions .primary-button,.dashboard-hero-actions .secondary-button{box-shadow:0 16px 30px #0f172a14}.primary-button,.secondary-button,.ghost-button{border-radius:999px;padding:13px 16px;border:1px solid transparent;font-weight:700}.primary-button{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.secondary-button{color:var(--text);background:#ffffffb3;border-color:var(--line)}.ghost-button{color:var(--text);background:#ffffff8c;border-color:var(--line)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.6;cursor:not-allowed}.muted{color:var(--muted)}.error-banner{margin:0;padding:12px 14px;border-radius:16px;color:#9b1c1c;background:#ef44441f;border:1px solid rgba(239,68,68,.24)}.success-banner{margin:0;padding:12px 14px;border-radius:16px;color:#155e4b;background:#10b9811f;border:1px solid rgba(16,185,129,.24)}.card-hero{display:grid;gap:18px}.card-copy h1{margin:4px 0 8px;font-size:clamp(2rem,6vw,3.25rem);line-height:.95}.metric-grid,.billing-stack,.settings-stack{display:grid;gap:12px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-hero{display:grid;gap:16px}.settings-hero-copy{display:grid;gap:12px}.settings-hero-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-layout{display:grid;gap:16px}.settings-preview{display:flex;gap:14px;align-items:center;padding:16px;border-radius:24px;border:1px solid var(--line);background:#ffffffb8}.settings-preview-media{width:56px;height:56px;border-radius:18px;overflow:hidden;flex-shrink:0;border:1px solid rgba(15,23,42,.08);background:#0f172a0f;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 5px #ffffff3d,0 14px 24px #0f172a1f}.settings-preview-media.has-image{background:#fffc}.settings-preview-media img{width:100%;height:100%;object-fit:cover;display:block}.settings-swatch{width:56px;height:56px;border-radius:18px;flex-shrink:0;box-shadow:inset 0 0 0 5px #ffffff3d,0 14px 24px #0f172a1f}.settings-language-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.settings-grid-tight{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-field{display:grid;gap:8px;font-weight:700}.settings-field span{font-size:.92rem}.brand-preset-grid{display:flex;flex-wrap:wrap;gap:10px}.brand-preset{width:42px;height:42px;padding:0;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:#ffffffd1;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 20px #0f172a0f}.brand-preset span{width:24px;height:24px;border-radius:999px;background:var(--brand-swatch);box-shadow:inset 0 0 0 1px #ffffff3d}.brand-preset.active{border-color:#115e5961;box-shadow:0 14px 24px #115e5929;transform:translateY(-1px)}.settings-static-field{display:grid;gap:4px;padding:14px 16px;min-height:54px;border-radius:16px;border:1px solid var(--line);background:#ffffffd1}.settings-static-field strong{font-size:1rem}.settings-field-wide{grid-column:1 / -1}.settings-logo-panel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:16px;border-radius:24px;border:1px solid var(--line);background:#ffffffb8}.settings-logo-preview{width:88px;height:88px;border-radius:28px;overflow:hidden;background:#0f172a0f;border:1px solid rgba(15,23,42,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-logo-preview img{width:100%;height:100%;object-fit:cover}.settings-logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:800}.settings-logo-copy{display:grid;gap:10px}.settings-upload-button{width:fit-content;min-width:168px;position:relative;overflow:hidden}.settings-upload-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.settings-upload-button span{position:relative;z-index:1}.settings-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.metric-card,.billing-card{border-radius:20px;padding:16px;position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffffeb,#ffffffb8),#ffffffb8}.metric-card span,.billing-card span,.summary-label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.metric-card strong,.billing-card strong{font-size:1.35rem;letter-spacing:-.04em}.billing-card-highlight{border-color:#115e5959}.checkout-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:18px;background:#10203a6b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.checkout-modal{width:min(100%,860px);height:min(88vh,920px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;padding:14px;border-radius:28px;border:1px solid rgba(255,255,255,.28);background:#ffffffeb;box-shadow:0 28px 80px #0f172a47}.checkout-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.checkout-modal-body{min-height:0;height:100%;border-radius:20px;overflow:hidden;border:1px solid rgba(15,23,42,.08);background:#f7f3ec}.checkout-modal-embed{width:100%;height:100%;min-height:400px;overflow:auto;background:#f7f3ec}.checkout-modal-frame{width:100%;min-height:400px;height:100%;border:0;display:block;background:#f7f3ec}.qr-preview{display:grid;gap:16px}.qr-preview-media{width:132px;aspect-ratio:1;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#115e59f5,#c58a2feb),#ffffffb8;border:1px solid rgba(15,23,42,.08);box-shadow:inset 0 0 0 10px #ffffff24;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qr-preview-media.has-image{background:#fffc;box-shadow:0 18px 36px #0f172a14}.qr-preview-media img{width:100%;height:100%;object-fit:cover;display:block}.qr-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:800}.qr-pattern{width:132px;aspect-ratio:1;border-radius:24px;background:linear-gradient(135deg,#115e59f5,#c58a2feb),repeating-linear-gradient(90deg,rgba(255,255,255,.92) 0 10px,transparent 10px 20px),repeating-linear-gradient(0deg,rgba(255,255,255,.92) 0 10px,transparent 10px 20px);box-shadow:inset 0 0 0 10px #ffffff24}.qr-pattern-large{width:180px}.qr-page{display:grid;gap:16px;align-items:center}.qr-live-shell{display:grid;gap:16px}.qr-inline-action{width:100%}.qr-code-shell{display:grid;place-items:center;padding:22px;border-radius:30px;background:linear-gradient(180deg,#ffffffd1,#ffffff8f)}.qr-live-card{gap:18px}.qr-live-topline{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.qr-status-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.qr-status-pill.is-ready{background:#115e591f;color:var(--accent-strong)}.qr-status-pill.is-warn{background:#c58a2f24;color:#8a5310}.qr-countdown{font-weight:800;color:var(--text)}.qr-live-meta{width:100%;display:grid;gap:6px;text-align:center}.qr-live-meta strong{letter-spacing:.02em}.qr-live-meta p{margin:0}.stack-copy{display:grid;gap:8px}.list{display:grid;gap:10px}.list-sentinel{width:100%;height:1px}.list-loading-more{margin:4px 0 0;text-align:center}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:18px}.summary-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.summary-card{border-radius:20px;padding:16px;background:linear-gradient(180deg,#ffffffeb,#ffffffb8),#ffffffb8;border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 36px #0f172a14}.summary-card small{display:block;margin-top:4px;color:var(--muted)}.summary-card-highlight{background:radial-gradient(circle at top right,rgba(197,138,47,.2),transparent 38%),linear-gradient(135deg,#115e5924,#ffffffeb);border-color:#115e5929}.settings-grid,.cashier-form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.compact-form{margin-top:4px}.cashier-row{align-items:flex-start;flex-direction:column}.cashiers-hero{display:grid;gap:16px}.cashiers-board{display:grid;gap:18px}.cashiers-board-copy{display:grid;gap:12px}.cashiers-board-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cashier-toolbar{display:grid;gap:10px;margin-bottom:14px}.cashier-search{display:grid;gap:8px;font-weight:700}.cashier-search span,.cashier-reset-field span{font-size:.92rem}.cashier-search input{width:100%}.cashier-card{gap:16px}.cashier-create-shell{display:grid;gap:16px}.cashier-create-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.cashier-create-note{display:grid;gap:12px;padding:18px;border-radius:24px;border:1px solid rgba(17,94,89,.12);background:radial-gradient(circle at top right,rgba(197,138,47,.16),transparent 34%),linear-gradient(180deg,#ffffffeb,#f9f7f2fa)}.cashier-create-note p{margin:0;color:var(--muted)}.cashier-table-toolbar{display:grid;gap:10px;margin-bottom:16px}.cashier-search-modern{max-width:420px}.cashier-table-shell{display:block;overflow-x:auto;border-radius:24px;border:1px solid rgba(15,23,42,.08);background:#fffc;box-shadow:0 18px 36px #0f172a0f}.cashier-data-table{width:100%;min-width:960px;border-collapse:collapse}.cashier-data-table thead th{padding:14px 16px;text-align:left;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid rgba(15,23,42,.08);background:#f6f7f9e6}.cashier-data-table tbody td{padding:16px;vertical-align:top;border-bottom:1px solid rgba(15,23,42,.06)}.cashier-data-table tbody tr:last-child td{border-bottom:0}.cashier-table-person{display:flex;align-items:center;gap:12px}.cashier-table-person-copy{display:grid;gap:4px}.cashier-table-person-copy strong,.cashier-table-person-copy small{display:block}.cashier-table-person-copy small{color:var(--muted)}.cashier-table-inputs,.cashier-table-status,.cashier-table-password{display:grid;gap:10px}.cashier-table-inputs input,.cashier-table-password input{width:100%;border-radius:16px;border:1px solid var(--line);padding:13px 14px;background:#ffffffeb}.cashier-mobile-list{display:none}.cashier-mobile-card{display:grid;gap:16px;padding:18px;border-radius:24px;border:1px solid rgba(15,23,42,.08);background:radial-gradient(circle at top right,rgba(17,94,89,.12),transparent 36%),linear-gradient(180deg,#fffffff2,#faf7f2eb)}.cashier-mobile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cashier-mobile-grid{display:grid;gap:12px}.cashier-mobile-actions{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.cashier-roster-shell{display:block;overflow-x:auto;border-radius:24px;border:1px solid rgba(15,23,42,.08);background:#ffffffd1;box-shadow:0 18px 36px #0f172a0f}.cashier-roster-table{width:100%;min-width:720px;border-collapse:collapse}.cashier-roster-table thead th{padding:14px 16px;text-align:left;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid rgba(15,23,42,.08);background:#f6f7f9e6}.cashier-roster-table tbody td{padding:16px;border-bottom:1px solid rgba(15,23,42,.06);vertical-align:middle}.cashier-roster-table tbody tr:last-child td{border-bottom:0}.cashier-mobile-card-simple{align-items:stretch}.cashier-editor-hero,.cashier-editor-layout{display:grid;gap:16px}.cashier-editor-copy,.cashier-editor-topbar{display:grid;gap:12px}.cashier-editor-badge{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:22px;background:#ffffffb8;border:1px solid rgba(15,23,42,.08)}.cashier-editor-main,.cashier-editor-side{display:grid;gap:12px}.cashier-editor-side{align-content:start;padding:18px;border-radius:24px;border:1px solid rgba(15,23,42,.08);background:radial-gradient(circle at top right,rgba(197,138,47,.12),transparent 38%),#ffffffbf}.cashier-editor-toggle{justify-content:flex-start}.cashier-form-grid label,.compact-form label{display:grid;gap:8px;font-weight:700}.cashier-form-grid input,.cashier-form-grid select,.compact-form input,.compact-form select,.settings-stack input,.settings-stack select{width:100%;border-radius:16px;border:1px solid var(--line);padding:13px 14px;background:#ffffffd1}.cashier-reset-panel{display:grid;gap:12px;width:100%}.cashier-reset-field{display:grid;gap:8px;font-weight:700}.cashier-status{display:grid;gap:8px}.status-pill-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.cashier-toggle{margin:0;padding:10px 12px;border-radius:16px;border:1px solid var(--line);background:#ffffffa6}.cashier-toggle input{width:auto;margin:0}.cashier-card-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.checkbox-row{display:flex;align-items:center;gap:10px}.checkbox-row input{width:auto}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:max(12px,env(safe-area-inset-bottom));width:min(760px,calc(100% - 24px));display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;border-radius:24px;border:1px solid var(--line);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;padding:9px 8px;border-radius:16px;color:var(--muted);font-weight:700;font-size:.82rem}.bottom-nav-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:currentColor}.bottom-nav-icon svg{width:18px;height:18px;display:block}.bottom-nav-label{display:block;font-size:.68rem;line-height:1}.bottom-nav-item.active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--gold));box-shadow:0 14px 24px #115e5933}.auth-card{display:grid;gap:14px;max-width:460px;margin:40px auto 0}.auth-card label,.settings-stack label{display:grid;gap:8px;font-weight:700}.form-footnote{margin:0;text-align:center;color:var(--muted)}.fine-print{margin:0;color:var(--muted);font-size:13px}@media (min-width: 780px){.landing-stage{grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr)}.landing-showcase-grid{grid-template-columns:180px minmax(0,1fr)}.landing-grid-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.landing-final-cta{grid-template-columns:minmax(0,1fr) auto}.app-hero{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}.dashboard-hero-header{grid-template-columns:minmax(0,1fr) auto;align-items:end}.cashier-create-shell,.cashier-editor-layout,.cashier-editor-topbar{grid-template-columns:minmax(0,1fr) 280px;align-items:start}}@media (max-width: 620px){.app-frame{padding:14px 12px 96px}.topbar-actions{width:100%;justify-content:flex-start}.topbar-link{flex:1 1 auto;text-align:center}.landing-mini-stat-grid,.landing-role-grid,.landing-plan-grid,.landing-grid-layout,.dashboard-hero-side,.stamp-meta-grid,.ops-grid,.billing-stack-wide,.metric-grid-dashboard,.metric-grid,.summary-bar{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.settings-grid,.cashier-form-grid,.cashiers-board-stats,.cashier-create-grid,.cashier-mobile-actions,.settings-grid-tight,.settings-hero-side{grid-template-columns:1fr}.settings-logo-panel{grid-template-columns:1fr;justify-items:start}.settings-field-wide{grid-column:auto}.landing-stage,.dashboard-hero,.cashier-row-main,.customer-row-main,.activity-row-main{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.customer-row-meta,.cashier-actions,.ops-row-meta,.activity-row-meta{justify-content:stretch;justify-items:stretch;text-align:start}.cashier-card-actions,.settings-actions{justify-content:stretch}.cashier-card-actions .primary-button,.cashier-card-actions .secondary-button,.settings-actions .primary-button,.settings-actions .secondary-button,.dashboard-hero-actions .primary-button,.dashboard-hero-actions .secondary-button{width:100%;text-align:center}.cashier-table-shell,.cashier-roster-shell{display:none}.cashier-mobile-list{display:grid;gap:14px}.landing-showcase-grid{grid-template-columns:1fr;justify-items:center}.landing-stage{padding:18px}.checkout-modal-backdrop{padding:10px}.checkout-modal{width:100%;height:min(92vh,100%);padding:12px;border-radius:22px}.checkout-modal-head{align-items:flex-start;flex-direction:column}.checkout-modal-head .secondary-button{width:100%;text-align:center}.landing-whatsapp-fab{width:62px;height:62px;right:max(14px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom))}.landing-whatsapp-icon{width:28px;height:28px}.landing-showcase-card,.landing-role-card,.landing-step-card,.landing-plan-card{padding:16px}.customer-meta-row{gap:8px}.ops-row,.activity-row{align-items:flex-start;flex-direction:column}.customer-row-meta .status-chip,.cashier-actions .primary-button,.cashier-actions .secondary-button,.ops-row-meta .status-chip,.activity-row-meta .customer-meta-chip{width:100%;text-align:center}.topbar{gap:10px}.section-header-top{justify-content:stretch}.qr-header-action{width:100%}.bottom-nav-item{padding:10px 6px;font-size:.74rem}.minimal-qr-content{min-height:calc(100vh - 148px)}.qr-live-topline{align-items:flex-start;flex-direction:column}.qr-countdown{font-size:.94rem}.qr-live-meta strong,.qr-live-meta p{font-size:.85rem}.bottom-nav{width:calc(100% - 12px);bottom:max(8px,env(safe-area-inset-bottom));gap:4px;padding:6px;border-radius:20px;overflow:hidden}.bottom-nav-item{min-width:0;min-height:42px;padding:8px 4px;gap:3px;white-space:normal;word-break:break-word}.bottom-nav-icon,.bottom-nav-icon svg{width:16px;height:16px}.bottom-nav-label{font-size:.58rem;line-height:.95}}