.app-loading{height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.login-screen{height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,rgba(161,0,214,.08) 0%,var(--color-bg) 45%)}.login-card{position:relative;width:100%;max-width:340px;background:var(--color-surface);border-radius:20px;padding:32px 24px 24px;text-align:center;overflow:hidden;box-shadow:0 8px 24px #12127a1f}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--gradient-brand)}.login-logo{width:140px;margin:0 auto 20px;display:block}.login-card form{text-align:left}.login-submit{width:100%;margin-top:4px}.login-note{margin-top:16px;font-size:12px;color:var(--color-text-muted)}.biometric-btn{width:100%;margin-bottom:16px}.login-divider{display:flex;align-items:center;gap:10px;margin:18px 0 14px;color:var(--color-text-muted);font-size:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#e5e5ea}.social-buttons{display:flex;flex-direction:column;gap:10px}.google-button-slot{display:flex;justify-content:center}.btn-social{border-radius:999px;padding:11px 16px;font-weight:600;border:1.5px solid #ddd;background:#fff;color:var(--color-text)}.btn-social--google:hover{border-color:#4285f4;color:#4285f4}.btn-social--facebook:hover{border-color:#1877f2;color:#1877f2}.login-switch{margin-top:16px;font-size:13px;color:var(--color-text-muted)}.link-btn{background:none;border:none;padding:0;color:var(--color-accent);font-weight:600;text-decoration:underline}.signup-card{max-width:380px;max-height:90vh;overflow-y:auto}.signup-logo{width:64px;margin:0 auto 12px;display:block}.signup-title{font-size:20px;margin:0 0 16px}.complete-profile-hint{font-size:13px;color:var(--color-text-muted);margin-top:-8px;margin-bottom:16px}.account-body{flex:1;overflow-y:auto;padding:20px}.account-field{display:flex;flex-direction:column;padding:10px 0;border-bottom:1px solid #f0f0f0}.account-label{font-size:12px;color:var(--color-text-muted)}.account-value{font-size:15px;font-weight:600}.account-section{margin-top:24px}.account-section h2{font-size:15px;margin:0 0 8px}.account-hint{font-size:13px;color:var(--color-text-muted);margin:0 0 12px}.account-message{font-size:13px;color:var(--color-primary);margin-top:8px}.account-logout{width:100%;margin-top:28px}.establishment-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;background:#a100d60f;border-bottom:1px solid #f0f0f0;font-size:13px}.scanner-screen .establishment-bar{background:#ffffff14;border-bottom:1px solid rgba(255,255,255,.15);color:#fff}.establishment-bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.scanner-screen .establishment-bar .link-btn{color:#fff;text-decoration:underline;flex-shrink:0}.establishment-picker{text-align:left;max-height:85vh;overflow-y:auto}.establishment-picker h2{text-align:center}.establishment-locate-btn{width:100%;margin-bottom:14px}.establishment-list{list-style:none;margin:0 0 16px;padding:0;max-height:220px;overflow-y:auto;border:1px solid #eee;border-radius:10px}.establishment-list-item{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;background:none;border:none;border-bottom:1px solid #f2f2f2;text-align:left}.establishment-list li:last-child .establishment-list-item{border-bottom:none}.establishment-address{font-size:12px;color:var(--color-text-muted)}.establishment-fixed-options{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.establishment-close{width:100%;text-align:center}.establishment-screen-list{list-style:none;margin:0;padding:0}.establishment-screen-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 4px;background:none;border:none;border-bottom:1px solid #f0f0f0;text-align:left}.establishment-screen-item:disabled{opacity:.5}.establishment-screen-item-main{display:flex;flex-direction:column;gap:2px}.establishment-screen-item-name{font-weight:600}.establishment-screen-item-count{font-size:12px;color:var(--color-text-muted);white-space:nowrap}.price-history-list{list-style:none;margin:0;padding:0}.price-history-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;border-bottom:1px solid #f0f0f0}.price-history-item-main{display:flex;flex-direction:column;gap:2px;min-width:0}.price-history-item-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price-history-item-barcode{font-size:12px;color:var(--color-text-muted)}.price-history-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.price-history-item-price{font-weight:700;color:var(--color-accent)}.price-history-item-date{font-size:11px;color:var(--color-text-muted)}.cart-item-establishment{font-size:12px;color:var(--color-text-muted)}.btn-primary,.btn-secondary{border:none;border-radius:999px;padding:12px 20px;font-weight:600}.btn-primary{background:var(--gradient-brand);color:#fff;transition:filter .15s ease,transform .1s ease}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background:#cfcfd6;color:#8a8a8f}.btn-secondary{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn-icon{background:transparent;border:none;font-size:20px;padding:6px}.cart-screen{display:flex;flex-direction:column;height:100%}.cart-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--color-surface);border-bottom:1px solid #eee}.cart-header h1{font-size:18px;margin:0}.cart-header-brand{display:flex;align-items:center;gap:10px}.cart-header-logo{width:32px;height:32px}.cart-header-user{font-size:12px;color:var(--color-text-muted)}.cart-body{flex:1;overflow-y:auto;padding:8px 0}.cart-empty{text-align:center;color:var(--color-text-muted);margin-top:40px;padding:0 24px}.cart-list{list-style:none;margin:0;padding:0}.cart-item-row{display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #f0f0f0}.cart-item-qty{width:32px;height:32px;border-radius:50%;background:#a100d61a;color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.cart-item-name{font-weight:600}.cart-item-unit{font-size:13px;color:var(--color-text-muted)}.cart-item-subtotal{font-weight:700}.cart-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:var(--color-surface);border-top:1px solid #eee}.cart-footer-actions{display:flex;gap:8px}.manual-entry-screen{display:flex;flex-direction:column;height:100%}.manual-entry-form{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column}.manual-entry-form .btn-primary{margin-top:8px}.form-error{color:var(--color-danger);font-size:13px;margin:-4px 0 12px}.cart-total{display:flex;flex-direction:column}.cart-total span{font-size:12px;color:var(--color-text-muted)}.cart-total strong{font-size:24px;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.scanner-screen{display:flex;flex-direction:column;height:100%;background:#000;color:#fff}.scanner-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#000000d9;border-bottom:3px solid transparent;border-image:var(--gradient-brand) 1}.scanner-header .btn-icon{color:#fff}.scanner-header h1{font-size:16px;margin:0}.scan-mode-toggle{display:flex;gap:8px;padding:10px 16px;background:#000000d9}.scan-mode-btn{flex:1;border:1px solid rgba(255,255,255,.25);background:transparent;color:#ffffffb3;border-radius:999px;padding:8px 10px;font-size:12px}.scan-mode-btn--active{background:var(--gradient-brand);border-color:transparent;color:#fff;font-weight:600}.status-hint{margin:4px 0 0;font-size:13px;color:#ffffffb3}.camera-wrapper{position:relative;flex:1;overflow:hidden;background:#000}.camera-video{width:100%;height:100%;object-fit:cover}.camera-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;background:#000c;z-index:2}.ocr-guide-box{position:absolute;border:2px solid var(--color-accent);border-radius:8px;box-shadow:0 0 16px #a100d680;pointer-events:none}.status-panel{position:absolute;left:16px;right:16px;bottom:24px;background:#000000a6;border-radius:12px;padding:12px}.status-row{display:flex;gap:6px;font-size:14px;padding:2px 0}.status-label{color:#ffffffb3}.status-value{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-row--detected .status-value{color:#7cd992}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10;padding:20px}.dialog-card{background:var(--color-surface);color:var(--color-text);border-radius:16px;padding:24px;width:100%;max-width:320px;text-align:center}.dialog-card h2{margin-top:0;font-size:18px}.dialog-barcode{color:var(--color-text-muted);font-size:13px}.dialog-price{font-size:22px;font-weight:700;margin:4px 0 16px;color:var(--color-accent)}.add-another-question{font-size:15px;font-weight:600;margin:4px 0 20px}.dialog-field{text-align:left;margin-bottom:16px}.dialog-field label{display:block;font-size:12px;color:var(--color-text-muted);margin-bottom:4px}.dialog-field input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #ddd;font-size:15px;transition:border-color .15s ease}.dialog-field input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #a100d61f}.quantity-stepper{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px}.quantity-stepper button{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--color-accent);color:var(--color-accent);background:#fff;font-size:20px;transition:background .15s ease,color .15s ease}.quantity-stepper button:hover:not(:disabled){background:var(--color-accent);color:#fff}.quantity-stepper button:disabled{border-color:#ddd;color:#bbb}.quantity-stepper span{font-size:20px;min-width:24px}.dialog-actions{display:flex;gap:12px;justify-content:center}:root{--color-primary: #12127a;--color-primary-dark: #0a0a52;--color-accent: #a100d6;--color-accent-dark: #7d00a8;--gradient-brand: linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 100%);--color-bg: #fafafa;--color-surface: #ffffff;--color-text: #1c1b1f;--color-text-muted: #6f6f78;--color-success: #2e7d32;--color-danger: #b3261e;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text)}button{font:inherit;cursor:pointer}