:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at top,#fff7db 0%,#f8fbff 42%,#f4f7fb 100%);font-family:Trebuchet MS,Avenir Next,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}body,button,input{font:inherit}button,input{appearance:none}img{max-width:100%}a{color:inherit}#root,.app-shell{min-height:100vh}.welcome-page,.home-page,.scan-page{max-width:1240px;margin:0 auto;padding:28px;position:relative}.welcome-page{grid-template-columns:1.05fr .95fr;align-items:center;gap:32px;min-height:100vh;display:grid}.welcome-aurora{z-index:-1;filter:blur(2px);background:radial-gradient(circle at 12% 18%,#3b82f62e,#0000 28%),radial-gradient(circle at 84% 20%,#f59e0b29,#0000 22%),radial-gradient(circle at 62% 78%,#22c55e24,#0000 24%);position:absolute;inset:0}.welcome-copy,.welcome-visual,.panel,.home-hero,.home-action{position:relative}.welcome-copy{padding:28px 10px 28px 0}.badge{color:#2563eb;letter-spacing:.12em;text-transform:uppercase;background:#ffffffdb;border-radius:999px;align-items:center;padding:10px 16px;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 16px 40px #2563eb14}.welcome-copy h1{letter-spacing:-.05em;max-width:11ch;margin:22px 0 18px;font-size:clamp(3.4rem,7vw,6rem);line-height:.94}.welcome-copy h1 span{color:#2563eb}.welcome-copy p,.home-hero p,.support-copy,.share-copy,.settings-help,.helper-text{color:#5f6477;max-width:56ch;font-size:1.05rem;line-height:1.75}.pill-row{flex-wrap:wrap;gap:12px;margin:28px 0;display:flex}.pill{border-radius:999px;padding:10px 16px;font-size:.96rem;font-weight:700}.pill-green{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.pill-blue{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.pill-gold{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.cta-button,.primary-button,.secondary-button,.ghost-button,.icon-button,.home-action,.counter-button,.delete-button{cursor:pointer;font:inherit;border:0;transition:transform .14s,box-shadow .14s,background-color .14s,color .14s,border-color .14s}.cta-button:hover,.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.icon-button:hover,.home-action:hover,.counter-button:hover,.delete-button:hover{transform:translateY(-1px)}.cta-button,.primary-button{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:18px;justify-content:center;align-items:center;min-height:56px;padding:0 22px;font-size:1rem;font-weight:700;display:inline-flex;box-shadow:0 20px 44px #2563eb38}.cta-button{margin-bottom:12px}.cta-button:disabled,.primary-button:disabled{cursor:not-allowed;opacity:.62;box-shadow:none;transform:none}.welcome-copy small{color:#7d8190;font-size:.95rem;display:block}.welcome-visual{justify-content:center;display:flex}.image-frame{background:linear-gradient(#ffffffeb,#ffffffad),linear-gradient(135deg,#2563eb14,#22c55e14);border-radius:34px;width:min(100%,530px);padding:18px;box-shadow:0 34px 70px #0f172a1f}.image-frame img{aspect-ratio:4/5;object-fit:cover;border-radius:24px;width:100%;display:block}.app-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;display:flex}.app-header h1,.home-hero h2,.panel-heading h2{letter-spacing:-.04em;margin:0}.app-header h1{font-size:clamp(2rem,3.5vw,2.8rem)}.eyebrow,.panel-kicker{color:#2563eb;letter-spacing:.18em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}.icon-button{color:#2563eb;background:#fff;border-radius:16px;width:52px;height:52px;font-size:1.55rem;box-shadow:0 16px 30px #0f172a14}.ghost-button,.secondary-button,.link-button,.delete-button{color:#1f4dc7;background:#fff;border:1px solid #d8e2ff;border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-size:.96rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 12px 26px #2563eb14}.header-spacer{width:52px}.home-hero,.panel{background:linear-gradient(#ffffffeb,#ffffffd6),#fff;border:1px solid #d8e2ffe6;border-radius:28px;box-shadow:0 28px 60px #0f172a14}.home-hero{grid-template-columns:1.05fr .95fr;gap:28px;padding:34px;display:grid}.home-hero h2{max-width:15ch;margin:18px 0 14px;font-size:clamp(2.4rem,4vw,4rem);line-height:.96}.badge-home{background:#eff6ff}.home-cards{gap:18px;display:grid}.home-action{text-align:left;border-radius:24px;align-items:flex-start;min-height:180px;padding:26px}.home-action span{letter-spacing:-.03em;margin-bottom:12px;font-size:1.45rem;font-weight:800;display:block}.home-action small{color:#4b556b;font-size:.98rem;line-height:1.6}.camera-action{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 24px 40px #2563eb33}.camera-action small{color:#ffffffd6}.gallery-action{background:linear-gradient(135deg,#f8fafc,#eef4ff)}.scan-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:22px;margin-bottom:22px;display:grid}.panel{margin-bottom:22px;padding:26px}.panel-heading{margin-bottom:18px}.panel-heading h2{font-size:clamp(1.5rem,2vw,2rem)}.panel-heading-inline{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.receipt-preview{background:#eef2ff;border-radius:22px;position:relative;overflow:hidden}.receipt-preview img{object-fit:contain;background:linear-gradient(#f8fafc,#eef2ff);width:100%;max-height:420px;display:block}.receipt-chip{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ac2;border-radius:999px;padding:10px 14px;font-size:.88rem;font-weight:700;position:absolute;bottom:18px;right:18px}.action-row,.panel-actions,.settings-row,.share-row,.user-card-header,.breakdown-header,.selector-row,.line-item,.grand-total{align-items:center;display:flex}.action-row,.panel-actions,.share-row{gap:14px;margin-top:18px}.support-copy{margin:18px 0 0}.error-banner{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:16px;margin-top:18px;padding:14px 16px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;display:grid}.stats-grid div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;margin:0;padding:16px}.stats-grid dt{color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.85rem;font-weight:700}.stats-grid dd{color:#0f172a;overflow-wrap:anywhere;margin:0;font-size:1.15rem;font-weight:800}.count-badge{color:#2563eb;background:#eff6ff;border-radius:999px;justify-content:center;align-items:center;min-width:42px;height:42px;padding:0 12px;font-weight:800;display:inline-flex}.items-list{gap:12px;display:grid}.item-row{grid-template-columns:minmax(0,1fr) 128px auto;gap:12px;display:grid}.text-input,.price-input,.counter-input,.share-input{color:#0f172a;width:100%;min-height:52px;font:inherit;background:#f8fafc;border:1px solid #dbe4f3;border-radius:16px;padding:0 16px}.text-input:focus,.price-input:focus,.counter-input:focus,.share-input:focus{border-color:#93c5fd;outline:2px solid #2563eb33}.price-input{text-align:right}.delete-button{color:#be123c;box-shadow:none;border-color:#fecdd3}.total-box{color:#fff;background:#0f172a;border-radius:16px;margin-left:auto;padding:14px 18px}.total-box span{color:#ffffffb3;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:.8rem;display:block}.total-box strong{font-size:1.25rem}.settings-row{justify-content:space-between;gap:20px;margin-bottom:20px}.settings-label{color:#0f172a;margin:0 0 8px;font-size:1.12rem;font-weight:800}.settings-help,.helper-text,.share-copy{margin:0}.counter{background:#eff6ff;border-radius:18px;align-items:center;gap:10px;padding:10px;display:inline-flex}.counter-button{color:#2563eb;background:#fff;border-radius:14px;width:44px;height:44px;font-size:1.4rem;font-weight:800}.counter-input{text-align:center;background:0 0;border:0;width:78px;padding:0;font-size:1.2rem;font-weight:800}.helper-text{color:#be123c;margin-top:12px}.share-row{align-items:stretch}.share-input{flex:1;min-width:0}.waiting-card{background:#eff6ff;border-radius:20px;padding:20px}.progress-meta{color:#1e3a8a;justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.progress-track{background:#2563eb1f;border-radius:999px;height:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#0ea5e9);height:100%}.results-stack{gap:14px;display:grid}.user-card,.breakdown-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:18px}.user-card-header,.breakdown-header,.selector-row,.line-item,.grand-total{justify-content:space-between;gap:14px}.avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:800;display:inline-flex}.user-card-header h3,.breakdown-section h3{margin:0}.user-card-header p,.breakdown-note{color:#64748b;margin:4px 0 0;font-size:.92rem}.line-items,.selectors-list,.breakdown-list{gap:10px;display:grid}.line-items,.selectors-list{border-top:1px solid #dbe4f3;margin-top:14px;padding-top:14px}.amount-discount{color:#be123c}.breakdown-section{gap:12px;margin-top:8px;display:grid}.grand-total{border-top:2px solid #0f172a;padding-top:18px;font-size:1.12rem}.grand-total strong{font-size:1.4rem}.panel-summary{align-self:start}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.guest-page{min-height:100vh;padding:24px 16px 48px}.guest-content{max-width:480px;margin:0 auto}.guest-loading-screen{flex-direction:column;justify-content:center;align-items:center;display:flex}.guest-loading-logo{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;font-size:2rem;display:flex;box-shadow:0 18px 38px #4f46e540}.guest-loading-text{color:#0f172a;margin-top:20px;font-size:1.3rem;font-weight:800}.guest-loading-subtext{color:#64748b;margin-top:6px;font-size:1rem}.guest-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;margin-bottom:16px;padding:20px;box-shadow:0 18px 46px #0f172a14}.guest-card-header{align-items:center;gap:12px;margin-bottom:18px;display:flex}.guest-card-icon{background:#eef2ff;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.35rem;display:flex}.guest-card-title,.guest-modal h3,.guest-breakdown-title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800}.guest-card-subtitle,.guest-welcome-text,.guest-waiting-message,.guest-progress-text,.guest-expiry-note,.guest-modal-subtitle,.guest-empty-breakdown{color:#64748b;font-size:.92rem}.guest-input-label{color:#475569;margin-bottom:8px;font-size:.85rem;font-weight:700;display:block}.guest-input{color:#0f172a;background:#fff;border:2px solid #e2e8f0;border-radius:14px;width:100%;min-height:52px;padding:0 16px}.guest-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f11f}.guest-button{cursor:pointer;width:100%;min-height:52px;font:inherit;border:0;border-radius:14px;font-weight:700;transition:transform .14s,box-shadow .14s,opacity .14s}.guest-button:hover{transform:translateY(-1px)}.guest-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.guest-button-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 14px 28px #4f46e538}.guest-button-success,.guest-button-whatsapp{color:#fff;background:linear-gradient(135deg,#86efac,#6ee7b7);box-shadow:0 14px 28px #10b9812e}.guest-button-ghost{color:#475569;background:0 0;border:2px solid #e2e8f0}.guest-inline-error,.guest-error-card{color:#991b1b;background:#fee2e2;border-radius:16px;align-items:center;gap:10px;max-width:480px;margin:0 auto 16px;padding:14px 16px;display:flex}.guest-inline-error p{margin:0}.guest-error-card{margin-top:48px}.guest-error-icon{color:#fff;background:#ef4444;border-radius:10px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:800;display:inline-flex}.guest-welcome-banner{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:16px;margin-bottom:16px;padding:16px}.guest-welcome-title,.guest-waiting-title{color:#312e81;font-size:1.05rem;font-weight:800}.guest-participant-count{color:#64748b;margin-bottom:10px;font-size:.85rem}.guest-participants{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.guest-participants.centered{justify-content:center}.guest-participant-chip{color:#4338ca;background:#e0e7ff;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.guest-participant-dot{background:#10b981;border-radius:999px;width:6px;height:6px}.guest-items-list,.guest-breakdown-list{gap:10px;display:grid}.guest-item{text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.guest-item.selected{background:#ecfdf5}.guest-item:disabled{cursor:default}.guest-item-checkbox{background:#fff;border:2px solid #dbe4f3;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.guest-item.selected .guest-item-checkbox{background:#10b981;border-color:#10b981}.guest-item-checkbox.disabled{background:#fef3c7;border-color:#f59e0b}.guest-item-checkbox svg,.guest-breakdown-item-check svg{stroke:#fff;opacity:0;width:14px;height:14px}.guest-item.selected .guest-item-checkbox svg,.guest-item-checkbox.disabled svg,.guest-breakdown-item-check svg{opacity:1}.guest-item-checkbox.disabled svg,.guest-breakdown-item-check svg{stroke:#f59e0b}.guest-breakdown-item-check svg{stroke:#10b981}.guest-item-content,.guest-breakdown-item-left{flex:1;min-width:0}.guest-item-name,.guest-breakdown-item-name{color:#0f172a;flex-wrap:wrap;align-items:center;gap:6px;font-size:.98rem;font-weight:600;display:flex}.guest-item-price,.guest-breakdown-item-price{color:#0f172a;flex-shrink:0;font-size:.98rem;font-weight:700}.guest-item-price.discount{color:#dc2626}.guest-item-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:6px;justify-content:center;align-items:center;padding:3px 8px;font-size:.7rem;font-weight:800;display:inline-flex}.guest-item-badge.tax{color:#b45309;background:#fef3c7}.guest-item-badge.discount{color:#dc2626;background:#fee2e2}.guest-summary-bar{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin:16px 0;padding:18px 20px;display:flex}.guest-summary-label{opacity:.88;font-size:.92rem}.guest-summary-count{opacity:.75;font-size:.85rem}.guest-summary-total{font-size:2rem;font-weight:800}.guest-waiting-card{text-align:center;padding:8px 0}.guest-waiting-icon{margin-bottom:14px;font-size:2.6rem}.guest-progress-container{background:#e2e8f0;border-radius:999px;height:8px;margin-top:16px;overflow:hidden}.guest-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#6366f1,#4f46e5);height:100%}.guest-results-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:20px;margin-bottom:18px;padding:28px 20px}.guest-results-avatar{background:#fff3;border-radius:999px;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.4rem;font-weight:800;display:inline-flex}.guest-results-name{opacity:.86;margin-top:12px;font-size:1rem}.guest-results-amount{margin-top:8px;font-size:2.6rem;font-weight:800}.guest-results-label{opacity:.8;margin-top:6px}.guest-breakdown-section{gap:12px;display:grid}.guest-breakdown-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.guest-breakdown-count{color:#475569;background:#f1f5f9;border-radius:10px;padding:3px 8px;font-size:.78rem;font-weight:700}.guest-breakdown-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.guest-breakdown-item:last-child{border-bottom:0}.guest-breakdown-item-left{align-items:center;gap:10px;display:flex}.guest-breakdown-item-check{background:#d1fae5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.guest-expiry-note{text-align:center;margin-top:18px}.guest-modal-overlay{background:#0f172a8f;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.guest-modal{background:#fff;border-radius:24px 24px 0 0;width:min(100%,480px);padding:24px}.guest-modal-handle{background:#dbe4f3;border-radius:999px;width:40px;height:4px;margin:0 auto 18px}.guest-modal-subtitle{text-align:center;margin:6px 0 18px}.guest-modal-amount-display{text-align:center;background:#ecfdf5;border-radius:18px;margin-bottom:16px;padding:18px}.guest-modal-amount-value{color:#10b981;font-size:2.2rem;font-weight:800}.guest-modal-amount-label{color:#64748b;margin-top:4px;font-size:.82rem}.guest-modal-footer{gap:12px;margin-top:16px;display:flex}.guest-empty-breakdown{text-align:center;margin:0;padding:8px 0}@media (width<=980px){.welcome-page,.home-hero,.scan-layout{grid-template-columns:1fr}.welcome-page{min-height:auto;padding-top:18px}.welcome-copy{padding-right:0}.welcome-copy h1{max-width:12ch}.home-hero h2{max-width:none}.settings-row,.item-row,.share-row,.progress-meta,.guest-summary-bar,.guest-breakdown-header,.guest-breakdown-item,.guest-modal-footer{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.total-box{margin-left:0}}@media (width<=720px){.welcome-page,.home-page,.scan-page{padding:18px}.welcome-copy h1{font-size:3rem}.app-header{align-items:flex-start}.ghost-button,.header-spacer{display:none}.panel,.home-hero{border-radius:24px;padding:20px}.guest-card{border-radius:20px}.action-row,.panel-actions{flex-direction:column;align-items:stretch}.stats-grid{grid-template-columns:1fr}}