:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f2a3a;background:#eff6f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--sv-teal: #00637c;--sv-teal-deep: #004a5f;--sv-teal-light: #e6f1f4;--sv-navy: #071926;--sv-ink: #0f2a3a;--sv-ink-soft: #5b7282;--sv-paper: #fafbfc;--sv-gold: #c9a961;--sv-success: #1f8a52;--sv-warn: #c77a1f;--sv-danger: #b5341e;--shadow-soft: 0 18px 50px rgb(15 42 58 / .12);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html{min-height:100%}body{min-height:100%;margin:0;background:radial-gradient(circle at 50% 0%,rgb(230 241 244 / .9),transparent 360px),linear-gradient(180deg,#f7fbfb,#eaf3f5)}body,button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgb(0 99 124 / .28);outline-offset:3px}.app-shell{width:min(100%,560px);min-height:100dvh;margin:0 auto;background:#fafbfcd1;box-shadow:0 0 0 1px #0f2a3a0f;position:relative}.app-shell.immersive{background:var(--sv-navy)}.app-main{min-height:100dvh;padding:20px 16px calc(96px + var(--safe-bottom))}.immersive .app-main{padding:0}.screen{display:grid;gap:18px}.screen-header{display:grid;gap:4px;padding-top:8px}.screen-kicker,.eyebrow{color:var(--sv-teal);font-size:.72rem;font-weight:800;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.screen-header h1,.hero-title,.card h2{font-family:Poppins,Inter,ui-sans-serif,system-ui,sans-serif}.screen-header h1{color:var(--sv-ink);font-size:2rem;line-height:1.08}.screen-header p,.muted{color:var(--sv-ink-soft);line-height:1.45}.card{border:1px solid rgb(15 42 58 / .08);border-radius:24px;padding:18px;background:#fafbfcf0;box-shadow:0 12px 34px #0f2a3a14}.card-navy{color:#eef8fa;background:linear-gradient(145deg,#071926fa,#004a5ff5),var(--sv-navy);border-color:#ffffff1f}.card-teal{background:var(--sv-teal-light)}.card-gold{background:#fbf6e8}.home-widget,.moment-card,.merchant-list-card{display:grid;gap:16px}.card h2{margin-top:3px;color:inherit;font-size:1.2rem;line-height:1.2}.card p{margin-top:7px;color:var(--sv-ink-soft);line-height:1.45}.card-navy p,.card-navy .eyebrow{color:#eef8fac7}.button{min-height:48px;border:0;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;font-weight:800;cursor:pointer;transition:transform .16s ease,background-color .16s ease,color .16s ease,border-color .16s ease}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button-primary{color:#f5fbfc;background:var(--sv-teal)}.button-secondary{color:var(--sv-teal-deep);background:#e7f4f6}.button-ghost{color:var(--sv-teal);background:transparent}.onboarding-screen .button-ghost,.auth-screen .button-ghost{color:#e9fbff;background:#ffffff14}.button-danger{color:#fff6f2;background:var(--sv-danger)}.button:disabled,.button.disabled{opacity:.55;cursor:not-allowed;transform:none}.button-spinner{width:15px;height:15px;border-radius:999px;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}.card-actions,.row-actions{display:flex;flex-wrap:wrap;gap:10px}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:20;width:min(100%,560px);margin:0 auto;padding:8px 10px calc(8px + var(--safe-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:#fafbfcf0;border-top:1px solid rgb(15 42 58 / .08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav a{min-height:58px;border-radius:18px;display:grid;place-items:center;gap:3px;color:var(--sv-ink-soft);font-size:.72rem;font-weight:800}.bottom-nav a.active{color:var(--sv-teal-deep);background:var(--sv-teal-light)}.input,.search-input{width:100%;min-height:52px;border:1px solid rgb(15 42 58 / .11);border-radius:18px;padding:0 16px;color:var(--sv-ink);background:#fffefe}.form-stack{display:grid;gap:14px}.search-field{position:relative}.search-field svg{position:absolute;left:16px;top:50%;color:var(--sv-ink-soft);transform:translateY(-50%)}.search-field .search-input{padding-left:44px}.dev-code{width:fit-content;border:1px solid rgb(255 255 255 / .28);border-radius:8px;padding:8px 10px;background:#07192652;color:#f5fbfc;font-size:.82rem;font-weight:800}.chips,.segmented{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.chip,.segment{min-height:40px;border:1px solid rgb(15 42 58 / .1);border-radius:999px;padding:0 14px;color:var(--sv-ink-soft);background:#fffefe;font-weight:800;white-space:nowrap}.chip.active,.segment.active{color:var(--sv-teal-deep);border-color:#00637c40;background:var(--sv-teal-light)}.merchant-row,.settings-row,.payment-row,.bill-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid rgb(15 42 58 / .08)}.merchant-row:last-child,.settings-row:last-child,.payment-row:last-child,.bill-row:last-child{border-bottom:0}.location-card,.venue-match{display:grid;gap:14px}.location-card{grid-template-columns:auto 1fr;align-items:start}.location-card .button,.venue-match .button{width:100%}.location-card .button{grid-column:1 / -1}.location-icon,.merchant-pin{display:inline-grid;place-items:center;color:var(--sv-teal-deep);background:#00637c1a}.location-icon{width:44px;height:44px;border-radius:14px}.merchant-result{display:grid;gap:12px;padding:15px 0;border-bottom:1px solid rgb(15 42 58 / .08)}.merchant-result:last-child{border-bottom:0}.merchant-result-main{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px}.merchant-result-main strong{display:block;color:var(--sv-ink)}.merchant-result-main span span{display:block;margin-top:3px;color:var(--sv-ink-soft);font-size:.9rem;line-height:1.35}.merchant-pin{width:36px;height:36px;border-radius:12px}.merchant-result-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.merchant-result-actions .button{min-height:40px;border-radius:13px;padding-inline:14px}@media(min-width:520px){.location-card{grid-template-columns:auto 1fr auto;align-items:center}.location-card .button{grid-column:auto;width:auto}}.merchant-row strong,.settings-row strong,.payment-row strong,.bill-row strong{display:block;color:var(--sv-ink)}.merchant-row span,.settings-row span,.payment-row span,.bill-row span{color:var(--sv-ink-soft);font-size:.9rem}.status-pill{border-radius:999px;padding:5px 9px;font-size:.75rem;font-weight:800}.status-neutral{color:var(--sv-ink-soft);background:#0f2a3a0f}.status-success{color:var(--sv-success);background:#1f8a521a}.status-warn{color:var(--sv-warn);background:#c77a1f1a}.status-danger{color:var(--sv-danger);background:#b5341e1a}.money-bar{display:grid;grid-template-columns:minmax(96px,.8fr) 1fr;align-items:center;gap:12px;color:var(--sv-ink-soft);font-weight:700}.money-blocks{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.money-blocks i{height:12px;border-radius:4px;background:#0f2a3a1a}.money-blocks i.filled{background:var(--sv-teal)}.splash-screen,.onboarding-screen,.auth-screen{min-height:100dvh;color:#f5fbfc;background:radial-gradient(circle at 50% -10%,rgb(201 169 97 / .26),transparent 260px),linear-gradient(160deg,#00637c,#071926 78%)}.splash-screen{display:grid;place-items:center;padding:28px}.splash-logo{width:min(72%,260px);animation:settle .5s ease-out}.onboarding-screen,.auth-screen{padding:24px 18px;display:grid;align-content:center;gap:22px}.hero-title{font-size:2.45rem;line-height:1.02}.onboarding-card{min-height:460px;display:grid;align-content:space-between}.onboarding-visual{min-height:210px;aspect-ratio:16 / 10;overflow:hidden;border-radius:28px;background:#03121961;border:1px solid rgb(250 251 252 / .14);box-shadow:0 28px 62px #0000003d,inset 0 1px #ffffff1a}.onboarding-visual img{width:100%;height:100%;display:block;object-fit:cover}.merchant-mode-card{display:grid;gap:16px}.merchant-mode-heading{display:flex;justify-content:space-between;gap:12px}.merchant-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.merchant-live{display:flex;justify-content:space-between;gap:10px}.merchant-live span{color:#f4d98b;font-weight:900}.empty-state{min-height:240px;display:grid;align-content:center;justify-items:start;gap:14px}.empty-state.compact{min-height:150px}.map-placeholder{min-height:260px;border-radius:24px;display:grid;place-items:center;color:var(--sv-ink-soft);background:linear-gradient(90deg,rgb(0 99 124 / .06) 1px,transparent 1px),linear-gradient(rgb(0 99 124 / .06) 1px,transparent 1px);background-size:32px 32px}.offline-banner{border:1px solid rgb(199 122 31 / .25);border-radius:12px;padding:10px 12px;color:var(--sv-warn);background:#c77a1f1a;font-size:.86rem;font-weight:800}.status-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.popup-screen{gap:16px;padding-bottom:calc(88px + var(--safe-bottom))}.popup-hero{border-radius:20px;padding:22px;color:#f5fbfc;background:linear-gradient(140deg,color-mix(in srgb,var(--popup-accent) 86%,#071926),#071926 78%),var(--sv-navy)}.popup-brand-row{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.popup-logo{width:42px;height:42px;border-radius:10px;object-fit:contain;background:#fafbfceb;padding:6px}.popup-hero h1{max-width:12ch;font-family:Poppins,Inter,ui-sans-serif,system-ui,sans-serif;font-size:2.45rem;line-height:1.02}.popup-hero p{max-width:34rem;margin-top:12px;color:#f5fbfcc7;line-height:1.48}.popup-context{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.popup-context span{border:1px solid rgb(250 251 252 / .22);border-radius:999px;padding:7px 10px;background:#fafbfc1a;font-size:.82rem;font-weight:800}.popup-menu{display:grid;gap:14px}.popup-items{display:grid;gap:12px}.popup-item .merchant-row{align-items:flex-start}.popup-cart{position:static}@media(min-width:860px){.popup-screen{padding-bottom:0}.popup-menu{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start}.popup-cart{position:sticky;top:20px}}.scanner-frame{position:relative;aspect-ratio:1;overflow:hidden;border-radius:18px;background:#071926}.scanner-frame video{width:100%;height:100%;object-fit:cover}.scanner-idle{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(90deg,rgb(250 251 252 / .09) 1px,transparent 1px),linear-gradient(rgb(250 251 252 / .09) 1px,transparent 1px);background-size:34px 34px}.scanner-idle span{width:46%;aspect-ratio:1;border:2px solid rgb(250 251 252 / .72);border-radius:14px;box-shadow:0 0 0 999px #07192652}@keyframes spin{to{transform:rotate(360deg)}}@keyframes settle{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:700px){body{padding:18px 0}.app-shell{min-height:calc(100dvh - 36px);border-radius:32px;overflow:clip}.app-main{min-height:calc(100dvh - 36px)}.bottom-nav{border-radius:0 0 32px 32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}