:root{--bg:#0a0a0f;--surface:#141420;--surface-hover:#1a1a2e;--border:#ffffff14;--border-focus:#00b86b66;--text-primary:#f0f0f5;--text-secondary:#8888a0;--accent:#00b86b;--accent-hover:#00d67e;--accent-glow:#00b86b33;--accent-glow-strong:#00b86b59;--whatsapp:#25d366;--whatsapp-hover:#2be675;--error:#ff4757;--error-bg:#ff47571a;--radius:14px;--radius-lg:20px;--font:"Inter", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}body{font-family:var(--font);color:var(--text-primary);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;font-size:16px;line-height:1.5;overflow-x:clip}::selection{background-color:var(--accent);color:#fff}.app-container{max-width:520px;padding:16px 20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.app-header{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;margin-bottom:20px;padding:8px 0 20px;display:flex}.header-brand{align-items:center;gap:10px;display:flex}.app-logo{flex-shrink:0;align-items:center;display:flex}.app-title{background:linear-gradient(135deg, var(--text-primary), #fff);-webkit-text-fill-color:transparent;letter-spacing:-.03em;background-clip:text;align-items:center;gap:8px;font-size:1.45rem;font-weight:800;display:flex}.badge-pro{text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(135deg, var(--accent), #00e676);color:#000;-webkit-text-fill-color:#000;box-shadow:0 0 12px var(--accent-glow);border-radius:99px;padding:3px 8px;font-size:.65rem;font-weight:700}.header-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.btn-profile-switcher{border:1px solid var(--border);color:var(--text-primary);font-family:var(--font);cursor:pointer;background:#ffffff0a;border-radius:99px;align-items:center;gap:8px;max-width:220px;min-height:42px;padding:6px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-profile-switcher:hover{border-color:var(--accent);background:#ffffff14;transform:translateY(-1px)}.btn-profile-switcher span#activeProfileLabel{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-dot{background-color:var(--accent);width:9px;height:9px;box-shadow:0 0 8px var(--accent);border-radius:50%;flex-shrink:0}.nav-icons{gap:8px;display:flex}.nav-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;width:42px;height:42px;color:var(--text-primary);border-radius:12px;justify-content:center;align-items:center;font-size:1.15rem;transition:all .2s;display:flex}.nav-btn:hover{border-color:var(--accent);background:var(--surface-hover);transform:translateY(-1px)}.form-section{flex-direction:column;gap:18px;display:flex}.active-account-banner{background:var(--surface);border:1.5px solid var(--border);border-left:5px solid var(--accent);border-radius:var(--radius-lg);cursor:pointer;align-items:center;gap:14px;margin-bottom:4px;padding:14px 18px;transition:all .2s;display:flex;box-shadow:0 4px 20px #0003}.active-account-banner:hover{border-color:var(--accent);background:var(--surface-hover);transform:translateY(-2px);box-shadow:0 8px 25px #0006}.aab-avatar{background:var(--bg);border:1px solid var(--border);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.5rem;display:flex;overflow:hidden}.aab-avatar img{object-fit:contain;width:100%;height:100%}.aab-details{flex-direction:column;flex:1;display:flex;overflow:hidden}.aab-top-row{align-items:center;gap:8px;display:flex}.aab-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1.08rem;font-weight:700;overflow:hidden}.aab-tag{text-transform:uppercase;background:var(--accent-glow);color:var(--accent);letter-spacing:.04em;border-radius:99px;padding:2px 8px;font-size:.65rem;font-weight:700}.aab-upi{color:var(--text-secondary);font-size:.88rem;font-family:monospace, var(--font)}.aab-edit-btn{color:var(--text-primary);border:1px solid var(--border);white-space:nowrap;background:#ffffff0a;border-radius:99px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .2s}.active-account-banner:hover .aab-edit-btn{border-color:var(--accent);color:var(--accent)}.input-group{flex-direction:column;gap:6px;display:flex}.input-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.75rem;font-weight:600;transition:color .2s}.input-group:focus-within .input-label{color:var(--accent)}.label-optional{text-transform:none;letter-spacing:0;opacity:.6;font-weight:400}.input-field{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);height:52px;color:var(--text-primary);font-size:1rem;font-family:var(--font);appearance:none;width:100%;padding:0 16px;font-weight:500;transition:all .2s}.input-field::placeholder{color:var(--text-secondary);opacity:.5}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:var(--surface-hover);outline:none}.input-with-prefix{position:relative}.input-prefix{color:var(--text-secondary);pointer-events:none;z-index:1;font-size:1.1rem;font-weight:600;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-field--amount{padding-left:38px}.input-field--amount::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-field--amount::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-field--amount[type=number]{-moz-appearance:textfield}.input-hint{color:var(--text-secondary);opacity:.7;font-size:.72rem}.input-error{color:var(--error);min-height:0;font-size:.75rem;transition:all .2s;display:none;overflow:hidden}.input-group.error .input-field{border-color:var(--error);box-shadow:0 0 0 3px var(--error-bg)}.input-group.error .input-error{display:block}.input-group.error .input-label{color:var(--error)}.save-profile{cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;align-items:center;gap:10px;padding:4px 0;display:flex}.save-profile input[type=checkbox]{display:none}.checkbox-custom{border:2px solid var(--border);background:var(--surface);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex;position:relative}.checkbox-custom:after{content:"";background:var(--accent);border-radius:3px;width:12px;height:12px;transition:transform .2s cubic-bezier(.4,0,.2,1);transform:scale(0)}.save-profile input:checked+.checkbox-custom{border-color:var(--accent)}.save-profile input:checked+.checkbox-custom:after{transform:scale(1)}.save-profile-text{color:var(--text-secondary);font-size:.875rem}.btn-generate{background:var(--accent);color:#fff;width:100%;height:56px;font-family:var(--font);border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;box-shadow:0 4px 20px var(--accent-glow);border:none;justify-content:center;align-items:center;gap:10px;margin-top:6px;font-size:1.05rem;font-weight:600;transition:all .2s;display:flex}.btn-generate:hover{background:var(--accent-hover);box-shadow:0 6px 28px var(--accent-glow-strong);transform:translateY(-1px)}.btn-generate:active{transform:translateY(0)scale(.97)}.btn-generate.loading{opacity:.7;pointer-events:none}.btn-generate.success{background:#0d9e5c}.btn-icon{flex-shrink:0}.btn-group{flex-direction:column;gap:12px;margin-top:20px;display:flex}.btn-whatsapp{background:var(--whatsapp);color:#fff;width:100%;height:52px;font-family:var(--font);border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;border:none;justify-content:center;align-items:center;gap:10px;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 16px #25d36640}.btn-whatsapp:hover{background:var(--whatsapp-hover);transform:translateY(-1px)}.btn-whatsapp:active{transform:translateY(0)scale(.97)}.btn-download{width:100%;height:52px;color:var(--text-primary);font-family:var(--font);border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;background:0 0;justify-content:center;align-items:center;gap:10px;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.btn-download:hover{background:var(--surface);border-color:var(--text-secondary)}.btn-download:active{transform:scale(.97)}.btn-download.success{border-color:var(--accent);color:var(--accent)}.qr-section{opacity:0;max-height:0;margin-top:0;transition:all .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.qr-section.visible{opacity:1;max-height:2000px;margin-top:28px;overflow:visible}.qr-card{text-align:center}.qr-container{border-radius:var(--radius-lg);background:#fff;flex-direction:column;align-items:center;gap:12px;max-width:320px;margin:0 auto;padding:24px 20px;display:inline-flex;box-shadow:0 0 40px #ffffff14}.qr-header{text-align:center;width:100%}.qr-name-label{color:#1a1a2e;letter-spacing:.01em;text-align:center;margin:0 0 2px;font-size:1.1rem;font-weight:700}.qr-upi-label{color:#6b6b80;text-align:center;letter-spacing:.02em;margin:0;font-size:.82rem;font-weight:500}.qr-card-amount{color:#00965e;text-align:center;letter-spacing:.01em;margin:6px 0 2px;font-size:.95rem;font-weight:700}.qr-card-amount.any-amount{color:#4a4a5a;font-size:.88rem;font-weight:600}.qr-card-note{color:#555568;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#f4f4f8;border-radius:6px;max-width:90%;margin:4px 0 0;padding:4px 8px;font-size:.78rem;font-weight:500;display:inline-block;overflow:hidden}.qr-divider{background:#e8e8ee;width:100%;height:1.5px;margin:2px 0}.qr-inner{justify-content:center;align-items:center;padding:4px 0;display:flex}.qr-instructions{text-align:left;width:100%}.qr-inst-title{color:#1a1a2e;text-align:center;margin:0 0 10px;font-size:.88rem;font-weight:700}.qr-inst-step{color:#444456;align-items:center;gap:8px;margin:0 0 6px;font-size:.8rem;line-height:1.35;display:flex}.qr-inst-step strong{color:#1a1a2e}.qr-step-num{color:#fff;background:#00b86b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;display:inline-flex}.qr-subdivider{background:#f0f0f5;height:1px;margin:10px 0}.qr-inst-wa{color:#555568;text-align:center;margin:0;font-size:.76rem;line-height:1.45}.qr-inst-wa strong{color:#00965e}.qr-section.visible .qr-container{animation:.4s ease-out fadeInUp}.qr-container canvas{border-radius:8px}.qr-amount-text{color:var(--text-primary);letter-spacing:-.02em;margin-top:18px;font-size:1.6rem;font-weight:700}.qr-payee-text{color:var(--text-secondary);margin-top:4px;font-size:.9rem}.app-footer{text-align:center;color:var(--text-secondary);opacity:.5;margin-top:auto;padding:24px 0 8px;font-size:.7rem;line-height:1.7}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.main-content{animation:.5s ease-out fadeInUp}@media (width>=640px){.app-container{padding:24px 32px}.input-field{height:54px}.btn-generate{height:58px}.btn-group{flex-direction:row}.btn-whatsapp,.btn-download{flex:1}}@media (height<=500px) and (orientation:landscape){.app-container{min-height:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{body{color:#000;background:#fff}.form-section,.btn-group,.save-profile,.app-footer,.btn-generate{display:none!important}.qr-section{opacity:1!important;max-height:none!important;overflow:visible!important}.qr-container{box-shadow:none;border:1px solid #ccc}.qr-amount-text,.qr-payee-text{color:#000}}.hidden{display:none!important}.itemized-toggle-wrapper{margin-top:4px}.btn-toggle-itemized{border-radius:var(--radius);width:100%;min-height:48px;color:var(--text-secondary);font-family:var(--font);cursor:pointer;background:#ffffff05;border:1.5px dashed #ffffff2e;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.btn-toggle-itemized:hover,.btn-toggle-itemized.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}#toggleItemizedIcon{font-size:1.2rem;font-weight:700;line-height:1}.itemized-section{border:1px solid var(--border);border-radius:var(--radius-lg);background:#14142099;flex-direction:column;gap:12px;padding:16px;display:flex;position:relative}.itemized-header{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.04em;border-bottom:1px solid var(--border);align-items:center;gap:6px;padding-bottom:6px;font-size:.7rem;font-weight:700;display:flex}.ih-name{flex:3;min-width:110px}.ih-qty{text-align:center;flex:1;min-width:45px}.ih-price,.ih-total{text-align:right;flex:1.5;min-width:65px}.ih-act{width:32px}.item-rows-container{flex-direction:column;gap:8px;display:flex}.item-row{align-items:center;gap:6px;min-height:44px;display:flex}.item-row .item-name-input{background:var(--surface);border:1px solid var(--border);min-width:110px;height:44px;color:var(--text-primary);border-radius:10px;flex:3;padding:0 10px;font-size:.88rem}.item-row .item-qty-input{background:var(--surface);border:1px solid var(--border);min-width:45px;height:44px;color:var(--text-primary);text-align:center;border-radius:10px;flex:1;padding:0 6px;font-size:.88rem}.item-row .item-price-input{background:var(--surface);border:1px solid var(--border);min-width:65px;height:44px;color:var(--text-primary);text-align:right;border-radius:10px;flex:1.5;padding:0 8px;font-size:.88rem}.item-row .item-row-total{text-align:right;min-width:65px;color:var(--accent);flex:1.5;font-size:.9rem;font-weight:600}.item-row .btn-del-row{width:32px;height:32px;color:var(--error);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:1.1rem;transition:background .15s;display:flex}.item-row .btn-del-row:hover{background:var(--error-bg)}.itemized-actions{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:6px;display:flex}.btn-add-row,.btn-clear-rows,.btn-quick-catalog{background:var(--surface);border:1px solid var(--border);cursor:pointer;color:var(--text-primary);border-radius:10px;align-items:center;gap:6px;min-height:38px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-add-row,.btn-quick-catalog{border-color:var(--accent);color:var(--accent)}.btn-add-row:hover,.btn-quick-catalog:hover{background:var(--accent);color:#000;box-shadow:0 0 12px var(--accent-glow);transform:translateY(-1px)}.btn-clear-rows:hover{background:var(--error-bg);color:var(--error);border-color:var(--error)}.itemized-summary-box{background:var(--surface);color:var(--text-secondary);border-left:4px solid var(--accent);border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.9rem;display:flex}.itemized-summary-box strong{color:var(--accent);font-size:1.15rem}.calc-badge{color:var(--accent);background:var(--accent-glow);text-transform:none;border-radius:6px;margin-left:auto;padding:2px 8px;font-size:.7rem;font-weight:600}.autocomplete-menu{z-index:100;background:var(--surface-hover);border:1px solid var(--accent);border-radius:12px;max-height:220px;position:absolute;left:16px;right:16px;overflow-y:auto;box-shadow:0 12px 30px #000c}.autocomplete-item{cursor:pointer;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;font-size:.88rem;transition:background .15s;display:flex}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:var(--accent-glow-strong)}.autocomplete-price-tag{background:var(--surface);color:var(--accent);border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:700}.modal-backdrop{backdrop-filter:blur(8px);z-index:5000;background:#000000d1;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{background:var(--bg);border:1px solid var(--border);width:100%;max-width:580px;max-height:90dvh;color:var(--text-primary);border-radius:24px;flex-direction:column;gap:20px;padding:24px;animation:.32s cubic-bezier(.34,1.56,.64,1) modalSpringIn;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #000000e6}.modal-card.animate-out{animation:.18s cubic-bezier(.4,0,1,1) forwards modalPopOut!important}.modal-large{max-width:760px}.modal-medium{max-width:540px}.modal-onboard{border-top:6px solid var(--accent);max-width:500px}@keyframes modalSpringIn{0%{opacity:0;transform:scale(.88)translateY(24px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modalPopOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.92)translateY(14px)}}.modal-header-banner h2{color:var(--accent);margin-bottom:6px;font-size:1.4rem;font-weight:800}.modal-header-banner p{color:var(--text-secondary);font-size:.88rem;line-height:1.4}.modal-top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.modal-top h2{font-size:1.25rem;font-weight:700}.btn-close-modal{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;transition:all .2s;display:flex}.btn-close-modal:hover{color:#fff;border-color:var(--accent);transform:rotate(90deg)}.modal-tabs{gap:8px;display:flex}.tab-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .2s}.tab-btn.active,.tab-btn:hover{background:var(--surface-hover);color:var(--accent);border-color:var(--accent)}.tab-content{flex-direction:column;gap:18px;display:flex}.swatch-picker{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.theme-swatch{background:var(--swatch-col);cursor:pointer;border:3px solid #0000;border-radius:50%;width:36px;height:36px;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 4px 10px #0006}.theme-swatch:hover{transform:scale(1.1)}.theme-swatch.active{box-shadow:0 0 18px var(--swatch-col);border-color:#fff;transform:scale(1.2)}.custom-hex-picker{background:var(--surface);border:1px solid var(--border);border-radius:99px;align-items:center;gap:6px;padding:4px 10px;display:flex}.hex-label{color:var(--text-secondary);font-size:.75rem}.color-picker-input{cursor:pointer;background:0 0;border:none;border-radius:50%;width:28px;height:28px}.logo-upload-wrapper{background:var(--surface);border:1.5px dashed var(--border);border-radius:var(--radius);align-items:center;gap:16px;padding:12px;display:flex}.logo-preview-box{background:var(--bg);border:1px solid var(--border);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.logo-preview-box img{object-fit:contain;width:100%;height:100%}.logo-preview-box span{color:var(--text-secondary);text-align:center;font-size:.65rem}.logo-controls{flex-direction:column;flex:1;gap:8px;display:flex}.file-input-custom{color:var(--text-secondary);cursor:pointer;font-size:.8rem}.btn-delete-small,.btn-delete-profile{background:var(--error-bg);border:1px solid var(--error);color:var(--error);cursor:pointer;border-radius:8px;width:fit-content;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .2s}.btn-delete-small:hover,.btn-delete-profile:hover{background:var(--error);color:#fff}.profiles-split-view{grid-template-columns:1fr 1.5fr;gap:24px;display:grid}@media (width<=640px){.profiles-split-view{grid-template-columns:1fr}}.profiles-sidebar{border-right:1px solid var(--border);flex-direction:column;gap:12px;padding-right:16px;display:flex}@media (width<=640px){.profiles-sidebar{border-right:none;border-bottom:1px solid var(--border);padding-bottom:16px;padding-right:0}}.section-top{justify-content:space-between;align-items:center;display:flex}.section-top h3,.profile-edit-pane h3{color:var(--text-primary);font-size:1rem;font-weight:700}.btn-small-accent{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:8px;padding:5px 12px;font-size:.78rem;font-weight:700;transition:transform .15s}.btn-small-accent:hover{transform:scale(1.05)}.profiles-list{flex-direction:column;gap:8px;max-height:380px;list-style:none;display:flex;overflow-y:auto}.profile-list-item{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .2s;display:flex}.profile-list-item:hover,.profile-list-item.selected{border-color:var(--accent);background:var(--surface-hover)}.profile-list-item.selected{border-left:4px solid var(--accent)}.pli-info{flex-direction:column;display:flex;overflow:hidden}.pli-label{color:var(--text-primary);align-items:center;gap:6px;font-size:.9rem;font-weight:600;display:flex}.pli-upi{color:var(--text-secondary);text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.profile-edit-form{flex-direction:column;gap:16px;margin-top:8px;display:flex}.modal-form-actions{gap:12px;margin-top:8px;display:flex}.btn-save-prof{flex:1}.catalog-header-note{color:var(--text-secondary);background:var(--surface);border-left:4px solid var(--accent);border-radius:10px;padding:10px 14px;font-size:.85rem}.add-item-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.input-cat-price{flex-shrink:0;width:100px}.catalog-list-wrapper{flex-direction:column;gap:8px;display:flex}.catalog-table-header{text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border);justify-content:space-between;padding:0 12px 6px;font-size:.75rem;font-weight:700;display:flex}.catalog-list{flex-direction:column;gap:6px;max-height:280px;list-style:none;display:flex;overflow-y:auto}.catalog-item-row{background:var(--surface);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.cat-item-name{flex:1;font-size:.9rem;font-weight:600}.cat-price-edit{background:var(--bg);border:1px solid var(--border);width:85px;height:36px;color:var(--accent);text-align:center;border-radius:8px;font-weight:700}.btn-add-to-bill{background:var(--accent-glow);color:var(--accent);border:1px solid var(--accent);cursor:pointer;white-space:nowrap;border-radius:8px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:all .2s}.btn-add-to-bill:hover{background:var(--accent);color:#000;transform:scale(1.05)}.nav-btn-catalog{border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow);background:#ffffff0a}.revenue-analytics-bar{background:var(--surface);border:1px solid var(--border);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px;display:grid}@media (width<=500px){.revenue-analytics-bar{grid-template-columns:1fr;gap:8px}}.metric-card{flex-direction:column;gap:4px;display:flex}.metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.metric-value{color:var(--accent);font-size:1.3rem;font-weight:800}.ledger-filter-bar{align-items:center;gap:10px;display:flex}#ledgerSearchInput{flex:1;height:44px;font-size:.88rem}.ledger-list-wrapper{max-height:400px;overflow-y:auto}.empty-state-msg{text-align:center;color:var(--text-secondary);background:var(--surface);border:1px dashed var(--border);border-radius:12px;padding:32px;font-size:.9rem}.ledger-list{flex-direction:column;gap:12px;list-style:none;display:flex}.ledger-item{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:flex}.ledger-header-line{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.lh-time{color:var(--text-secondary);font-size:.75rem}.lh-prof{background:var(--accent-glow);color:var(--accent);border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:600}.ledger-body{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.lb-details p.lb-note{color:var(--text-primary);margin-bottom:4px;font-size:.95rem;font-weight:600}.lb-details p.lb-items{color:var(--text-secondary);font-size:.8rem;line-height:1.3}.lb-amount{color:var(--accent);flex-shrink:0;font-size:1.25rem;font-weight:800}.ledger-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.btn-ledger-action{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:5px 10px;font-size:.78rem;font-weight:600;transition:all .2s}.btn-ledger-action:hover{border-color:var(--accent);color:var(--text-primary);background:var(--surface-hover)}.backup-sections-container{flex-direction:column;gap:16px;display:flex}.backup-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:14px;padding:16px;display:flex}.bc-header h3{color:var(--text-primary);margin-bottom:4px;font-size:1rem;font-weight:700}.bc-header p{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.bc-actions{flex-wrap:wrap;gap:10px;display:flex}.btn-backup-primary,.btn-backup-restore,.btn-csv-export{border:1px solid var(--border);cursor:pointer;color:var(--text-primary);background:#ffffff0d;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-backup-primary:hover{background:var(--accent);color:#000;border-color:var(--accent)}.btn-backup-restore:hover{border-color:var(--accent);background:var(--surface-hover)}.btn-csv-export{border-color:var(--whatsapp);color:var(--whatsapp)}.btn-csv-export:hover{background:var(--whatsapp);color:#000}.onboard-restore-banner{border:1px dashed var(--accent);border-radius:var(--radius-md);background:#ffffff08;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 16px;display:flex}.onboard-restore-banner span{color:var(--text-primary);font-size:.84rem;font-weight:600}.btn-restore-pill{background:var(--accent);color:#000;cursor:pointer;box-shadow:0 4px 15px #0006, 0 0 10px var(--accent-glow);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.btn-restore-pill:hover{box-shadow:0 6px 20px #0009, 0 0 16px var(--accent-glow);transform:scale(1.05)translateY(-1px)}.btn-restore-pill:active{transform:scale(.97)}.onboard-divider{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;margin:18px 0 14px;font-size:.72rem;font-weight:700;display:flex}.onboard-divider:before,.onboard-divider:after{content:"";background:var(--border);flex:1;height:1px}.sidebar-restore-section{border-top:1px solid var(--border);margin-top:auto;padding-top:14px}.btn-full{justify-content:center;width:100%}.payqr-toast{border:1.5px solid var(--accent);color:#fff;box-shadow:0 12px 35px #000c, 0 0 20px var(--accent-glow);z-index:99999;background:#10141d;border-radius:99px;align-items:center;gap:10px;padding:12px 24px;font-size:.92rem;font-weight:600;animation:.3s cubic-bezier(.22,1,.36,1) toastSlideUp;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(0)}.payqr-toast #toastIcon{color:var(--accent);font-size:1.2rem;font-weight:800}.payqr-toast.fadeOut{animation:.25s ease-in forwards toastSlideDown}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%)translateY(30px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastSlideDown{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(20px)}}#itemizedSection:not(.hidden){animation:.25s cubic-bezier(.16,1,.3,1) slideDownFade}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}html,body{width:100%;max-width:100vw;overflow-x:clip}.app-container{box-sizing:border-box;width:100%;max-width:100%;overflow-x:clip}@media (width<=540px){.app-container{padding:12px 14px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.header-controls{flex-direction:column;align-items:stretch;gap:12px}.btn-profile-switcher{justify-content:center;width:100%;max-width:100%;height:44px;font-size:.92rem}.nav-icons{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}.nav-btn{border-radius:12px;width:100%;height:42px}.active-account-banner{flex-wrap:wrap;gap:10px;padding:12px 14px}.aab-details{flex:1;min-width:calc(100% - 65px)}.aab-upi{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.aab-edit-btn{text-align:center;justify-content:center;width:100%;margin-top:4px;padding:8px 14px}.itemized-section{overflow-x:clip;padding:14px 12px!important}.itemized-header{display:none!important}.item-row{border:1px solid var(--border);background:#ffffff05;border-radius:14px;grid-template-columns:1fr 65px 85px auto;align-items:center;width:100%;margin-bottom:10px;gap:8px!important;padding:12px 10px!important;display:grid!important}.item-row .item-name-input{grid-column:1/-1;height:44px;width:100%!important;min-width:0!important;font-size:.92rem!important}.item-row .item-qty-input{grid-column:1/2;height:44px;text-align:center!important;width:100%!important;min-width:0!important;font-size:.88rem!important}.item-row .item-price-input{grid-column:2/3;height:44px;text-align:right!important;width:100%!important;min-width:0!important;font-size:.88rem!important}.item-row .item-row-total{grid-column:3/4;padding-left:4px;font-weight:700;text-align:right!important;font-size:.92rem!important}.item-row .btn-del-row{grid-column:4/5;justify-self:end;width:34px!important;height:34px!important;font-size:1.25rem!important}.itemized-actions{flex-direction:column;gap:8px;width:100%}.btn-add-row,.btn-quick-catalog,.btn-clear-rows{justify-content:center;width:100%;min-height:42px;font-size:.88rem}.modal-backdrop{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:12px}.modal-card{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-radius:20px;width:100%;max-width:100%;max-height:calc(100dvh - 24px);padding:18px 16px;overflow-y:auto}.modal-tabs{flex-wrap:wrap;gap:6px}.tab-btn{text-align:center;flex:1;min-width:calc(50% - 6px);padding:8px 10px;font-size:.82rem}.catalog-item-row{flex-direction:column;gap:10px;padding:12px 10px;align-items:stretch!important}.cat-item-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.95rem;font-weight:700;overflow:hidden}.catalog-item-row>div{justify-content:space-between!important;gap:8px!important;width:100%!important;display:flex!important}.btn-add-to-bill{flex:1;justify-content:center;align-items:center;height:38px;font-size:.82rem;display:flex}.cat-price-edit{flex:1;max-width:110px;height:38px}.btn-delete-small{justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ledger-header-line{flex-wrap:wrap;gap:6px}.ledger-body{flex-direction:column;gap:10px}.lb-amount{align-self:flex-start;margin-top:2px;font-size:1.4rem}.ledger-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.btn-ledger-action{text-align:center;flex:1;min-height:36px}.bc-actions{flex-direction:column;gap:8px;width:100%}.btn-backup-primary,.btn-backup-restore,.btn-csv-export{justify-content:center;width:100%;min-height:42px}.qr-container{width:100%;max-width:100%;padding:18px 12px}.qr-container canvas{max-width:100%;height:auto!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}