:root{--red:#C8102E;--red-dk:#9B0B22;--red-lt:#E8213F;--blue:#002D62;--blue-lt:#1A4A8A;--bg:#FAFAF8;--bg-surface:#EDE0CC;--bg-card:#FFFFFF;--bg-card-hover:#FDFCFB;--bg-input:#FFFFFF;--bg-nav:rgba(250,250,248,.8);--bg-overlay:rgba(0,0,0,.5);--tx:#18080D;--tx-muted:#6B5057;--tx-faint:#A08088;--tx-on-red:#FFFFFF;--bd:rgba(200,16,46,.22);--bd-hover:rgba(200,16,46,.55);--bd-input:rgba(200,16,46,.25);--shadow-card:0 6px 28px rgba(200,16,46,.1);--green:#1B7A4A;--yellow:#C89B2A;--r:3px;--transition:color .25s ease,background .25s ease,border-color .25s ease}[data-theme=dark]{--bg:#0E0507;--bg-surface:#1F0D14;--bg-card:#1E0D12;--bg-card-hover:#26101A;--bg-input:#1E0D12;--bg-nav:rgba(10,3,5,.8);--bg-overlay:rgba(0,0,0,.7);--tx:#F2E8E4;--tx-muted:#BFA0A8;--tx-faint:#7A5560;--tx-on-red:#FFFFFF;--bd:rgba(200,16,46,.35);--bd-hover:rgba(200,16,46,.65);--bd-input:rgba(200,16,46,.4);--shadow-card:0 6px 28px rgba(0,0,0,.4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:80px;overscroll-behavior:none;background:var(--bg);height:100%}body{font-family:Outfit,sans-serif;background:var(--bg);color:var(--tx);overflow-x:hidden;transition:background .3s ease,color .3s ease;min-height:100vh;min-height:100dvh;overscroll-behavior:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);overflow-wrap:break-word}h1,h2,h3{font-family:Cormorant Garamond,serif;font-weight:600}:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:var(--r)}i.icon[data-lucide],i.icon>svg,.icon svg{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.2em;stroke-width:1.75;flex-shrink:0}.bg-blob{position:fixed;top:-40%;right:-40%;bottom:-40%;left:-40%;z-index:-1;width:180%;height:180%;animation:blobDrift 14s ease-in-out infinite alternate;pointer-events:none;transition:background .3s ease}[data-theme=light] .bg-blob{background:radial-gradient(ellipse 55% 35% at 20% 30%,rgba(200,16,46,.09) 0%,transparent 55%),radial-gradient(ellipse 40% 40% at 78% 68%,rgba(200,16,46,.06) 0%,transparent 50%)}[data-theme=dark] .bg-blob{background:radial-gradient(ellipse 55% 35% at 20% 30%,rgba(200,16,46,.12) 0%,transparent 55%),radial-gradient(ellipse 40% 40% at 78% 68%,rgba(200,16,46,.08) 0%,transparent 50%)}@keyframes blobDrift{0%{transform:translate(0) scale(1)}to{transform:translate(3%,2%) scale(1.04)}}.screen{display:none;width:100%;min-height:100vh;min-height:100dvh}.screen.active{display:flex;flex-direction:column;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.login-screen{align-items:center;justify-content:center;padding:24px}.login-card{background:var(--bg-card);border:1px solid var(--bd);border-radius:16px;padding:48px 32px;width:100%;max-width:380px;text-align:center;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.login-logo{height:80px;width:auto;margin:0 auto 8px;display:block;object-fit:contain}.login-logo-link{display:block;text-align:center}.login-website-link{display:block;margin-top:16px;font-size:.82rem;color:var(--tx-muted);text-decoration:none;text-align:center;transition:color .2s}.login-website-link:hover{color:var(--red)}[data-theme=dark] .login-logo{filter:brightness(0) invert(1) sepia(1) saturate(2) hue-rotate(310deg)}.login-title{font-size:1.8rem;margin-bottom:4px;color:var(--tx)}.login-subtitle{font-size:.9rem;color:var(--tx-muted);margin-bottom:32px}.login-input-wrap{position:relative;margin-bottom:16px}.login-input{width:100%;padding:14px 16px;border:1px solid var(--bd-input);border-radius:10px;background:var(--bg-input);color:var(--tx);font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.login-input:focus{border-color:var(--red);box-shadow:0 0 0 3px #c8102e1f;outline:none}.login-input::placeholder{color:var(--tx-faint)}.login-btn{width:100%;padding:14px;border:none;border-radius:10px;background:var(--red);color:var(--tx-on-red);font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s,transform .1s}.login-btn:hover{background:var(--red-dk)}.login-btn:active{transform:scale(.97)}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-error{color:var(--red);font-size:.85rem;margin-top:12px;min-height:20px}.login-lockout{color:var(--red);font-size:.85rem;margin-top:8px;font-weight:500}.corner-controls{position:absolute;top:12px;right:12px;display:flex;gap:8px}.corner-btn{background:none;border:1px solid var(--bd);border-radius:6px;padding:4px 10px;font-size:.75rem;color:var(--tx-muted);cursor:pointer;font-family:inherit;transition:var(--transition)}.corner-btn:hover{border-color:var(--bd-hover);color:var(--tx)}.dash-screen{padding-bottom:24px}.dash-header{background:var(--bg-card);border-bottom:1px solid var(--bd);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dash-logo{height:36px;width:auto;object-fit:contain}.dash-logo-link{display:flex;align-items:center}.settings-website-link{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border:1px solid var(--bd);border-radius:10px;background:none;color:var(--tx-muted);font-size:.9rem;font-weight:500;text-decoration:none;font-family:inherit;transition:border-color .2s,color .2s;margin-bottom:8px}.settings-website-link:hover{border-color:var(--red);color:var(--red)}.settings-website-link svg,.settings-website-link i{width:16px;height:16px}[data-theme=dark] .dash-logo{filter:brightness(0) invert(1) sepia(1) saturate(2) hue-rotate(310deg)}.dash-menu-btn{background:none;border:none;cursor:pointer;padding:6px;display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px}.dash-menu-btn span{display:block;height:2px;border-radius:2px;background:var(--tx);transition:transform .3s,opacity .3s,width .3s}.dash-menu-btn span:nth-child(1){width:22px}.dash-menu-btn span:nth-child(2){width:16px}.dash-menu-btn span:nth-child(3){width:22px}.dash-menu-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg);width:22px}.dash-menu-btn.open span:nth-child(2){opacity:0;width:0}.dash-menu-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);width:22px}.dash-nav{background:var(--bg-card);border-bottom:1px solid var(--bd);overflow:hidden;max-height:0;transition:max-height .3s ease,padding .3s ease;padding:0 16px;position:sticky;top:61px;z-index:99}.dash-nav.open{max-height:300px;padding:8px 16px 16px}.dash-nav-item{display:flex;align-items:center;gap:12px;padding:14px 12px;border-radius:10px;cursor:pointer;transition:background .15s;font-size:.95rem;color:var(--tx-muted);border:none;background:none;width:100%;text-align:left;font-family:inherit}.dash-nav-item:hover,.dash-nav-item.active{background:var(--bg-surface);color:var(--tx)}.dash-nav-item.active{font-weight:600;color:var(--red)}.dash-nav-item svg{width:20px;height:20px;flex-shrink:0}.dash-content{padding:16px;max-width:600px;margin:0 auto;width:100%;overflow-x:hidden}.balance-banner{background:var(--bg-card);border:1px solid var(--bd);border-radius:12px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;box-shadow:var(--shadow-card);flex-wrap:wrap;gap:8px}.balance-label{font-size:.85rem;color:var(--tx-muted)}.balance-amount{font-size:1.4rem;font-weight:700;font-family:Cormorant Garamond,serif}.balance-amount.green{color:var(--green)}.balance-amount.yellow{color:var(--yellow)}.balance-amount.red{color:var(--red)}.welcome-card{background:var(--bg-card);border:1px solid var(--bd);border-radius:12px;padding:24px 20px;margin-bottom:16px;box-shadow:var(--shadow-card)}.welcome-name{font-size:1.5rem;margin-bottom:4px}.welcome-sub{color:var(--tx-muted);font-size:.9rem}.new-order-btn{width:100%;padding:16px;border:none;border-radius:12px;background:var(--red);color:var(--tx-on-red);font-size:1.05rem;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,transform .1s;margin-bottom:20px}.new-order-btn:hover{background:var(--red-dk)}.new-order-btn:active{transform:scale(.97)}.new-order-btn svg{width:20px;height:20px}.section-title{font-size:1.1rem;margin-bottom:12px;color:var(--tx)}.empty-state{text-align:center;padding:40px 20px;color:var(--tx-muted);font-size:.9rem}.settings-group{background:var(--bg-card);border:1px solid var(--bd);border-radius:12px;padding:8px;margin-bottom:12px;box-shadow:var(--shadow-card)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:14px 12px;border-bottom:1px solid var(--bd)}.settings-row:last-child{border-bottom:none}.settings-label{font-size:.95rem;display:flex;align-items:center;gap:8px}.settings-label svg{width:18px;height:18px;color:var(--tx-muted)}.toggle{position:relative;width:48px;height:28px;cursor:pointer}.toggle input{opacity:0;width:0;height:0}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bd);border-radius:14px;transition:background .2s}.toggle input:checked+.toggle-track{background:var(--red)}.toggle-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle input:checked~.toggle-thumb{transform:translate(20px)}.size-btns{display:flex;gap:4px}.size-btn{padding:6px 12px;border:1px solid var(--bd);border-radius:6px;background:none;color:var(--tx);cursor:pointer;font-family:inherit;font-weight:600;font-size:.85rem;transition:var(--transition)}.size-btn:hover{border-color:var(--bd-hover)}.lang-toggle{display:flex;border:1px solid var(--bd);border-radius:6px;overflow:hidden}.lang-opt{padding:6px 14px;border:none;background:none;color:var(--tx-muted);cursor:pointer;font-family:inherit;font-size:.85rem;transition:var(--transition)}.lang-opt.active{background:var(--red);color:var(--tx-on-red)}.logout-btn{width:100%;padding:14px;border:1px solid var(--bd);border-radius:10px;background:none;color:var(--red);font-size:.95rem;font-weight:500;font-family:inherit;cursor:pointer;transition:var(--transition);margin-top:8px}.logout-btn:hover{background:#c8102e0f;border-color:var(--red)}.settings-nav-row{cursor:pointer;transition:background .15s}.settings-nav-row:hover{background:var(--bg-surface)}.settings-nav-row:active{background:#c8102e0f}.settings-chevron{color:var(--tx-faint);flex-shrink:0}.settings-subview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--bg);transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow:hidden}.settings-subview.open{transform:translate(0)}.settings-subview-header{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--bd);background:var(--bg);position:sticky;top:0;z-index:1;padding-top:calc(16px + env(safe-area-inset-top))}.settings-subview-back{background:none;border:none;color:var(--tx);cursor:pointer;padding:4px;display:flex;align-items:center;flex-shrink:0}.settings-subview-title{font-size:1.1rem;font-weight:700;font-family:Cormorant Garamond,serif;color:var(--tx);flex:1}.mp-counter{font-size:10px;font-weight:600;background:var(--bg-surface);color:var(--tx-muted);padding:3px 10px;border-radius:99px;white-space:nowrap;flex-shrink:0}.settings-subview-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.mp-category{background:var(--bg-card);border:1px solid var(--bd);border-radius:12px;margin-bottom:12px;overflow:hidden;box-shadow:var(--shadow-card)}.mp-cat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--bd);background:var(--bg-surface)}.mp-cat-title{font-size:.85rem;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.5px}.mp-cat-toggle-label{font-size:.7rem;color:var(--tx-faint);margin-right:8px;text-transform:uppercase;letter-spacing:.3px}.mp-cat-right{display:flex;align-items:center}.mp-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(200,16,46,.06)}.mp-item:last-child{border-bottom:none}.mp-item-name{font-size:.88rem;color:var(--tx)}.mp-item.hidden .mp-item-name{color:var(--tx-faint);text-decoration:line-through}.order-tabs{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto;padding-bottom:4px}.order-tab{padding:8px 16px;border:1px solid var(--bd);border-radius:8px;background:none;color:var(--tx-muted);cursor:pointer;font-family:inherit;font-size:.85rem;white-space:nowrap;transition:var(--transition)}.order-tab.active{background:var(--red);color:var(--tx-on-red);border-color:var(--red)}.order-tab-add{padding:8px 12px;border:1px dashed var(--bd);border-radius:8px;background:none;color:var(--tx-muted);cursor:pointer;font-family:inherit;font-size:.85rem;transition:var(--transition)}.order-tab-add:hover{border-color:var(--red);color:var(--red)}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}@media(max-width:360px){.form-fields{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:4px}.form-field.full{grid-column:1/-1}.form-field label{font-size:.75rem;color:var(--tx-muted);text-transform:uppercase;letter-spacing:.5px}.form-field input{padding:10px 12px;border:1px solid var(--bd-input);border-radius:8px;background:var(--bg-input);color:var(--tx);font-size:.9rem;font-family:inherit}.form-field input:focus{border-color:var(--red);box-shadow:0 0 0 2px #c8102e1a;outline:none}.form-search{position:relative;margin-bottom:12px}.form-search input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--bd-input);border-radius:8px;background:var(--bg-input);color:var(--tx);font-size:.9rem;font-family:inherit}.form-search input:focus{border-color:var(--red);outline:none}.form-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--tx-faint);pointer-events:none}.form-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--tx-muted);cursor:pointer;padding:4px;display:none}.acc-section{background:var(--bg-card);border:1px solid var(--bd);border-radius:10px;margin-bottom:8px;overflow:hidden;box-shadow:var(--shadow-card)}.acc-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s;border-left:3px solid var(--red)}.acc-header:hover{background:var(--bg-card-hover)}.acc-title{font-size:1rem;font-weight:700;font-family:Cormorant Garamond,serif}.acc-chevron{width:18px;height:18px;transition:transform .2s;color:var(--tx-muted)}.acc-section.open .acc-chevron{transform:rotate(180deg)}.acc-body{max-height:0;overflow:hidden;transition:max-height .3s ease}.acc-section.open .acc-body{max-height:2000px}.prod-table{width:100%;padding:0 14px 14px;overflow:hidden}.prod-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(200,16,46,.08);flex-wrap:wrap}.prod-row:last-child{border-bottom:none}.prod-row.has-value{background:#1b7a4a0a;margin:0 -14px;padding:8px 14px;border-radius:4px}.prod-name{flex:1;font-size:.85rem;min-width:60px;overflow-wrap:break-word}.prod-qty-group{display:flex;align-items:center;flex-direction:column;gap:2px}.prod-qty-label{font-size:.6rem;color:var(--tx-faint);text-transform:uppercase;letter-spacing:.3px}.qty-wrap{display:flex;align-items:center;gap:0;border:1px solid var(--bd);border-radius:6px;overflow:hidden;flex-shrink:0}.qty-btn{min-width:32px;min-height:32px;border:none;background:none;color:var(--tx);cursor:pointer;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;transition:background .1s;padding:4px}.qty-btn:hover{background:var(--bg-surface)}.qty-btn:active{background:#c8102e1a}.qty-input{min-width:36px;width:2.5em;min-height:32px;border:none;background:transparent;text-align:center;font-size:.85rem;font-family:inherit;color:var(--tx);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.qty-input::-webkit-inner-spin-button,.qty-input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.qty-placeholder{width:74px;text-align:center;color:var(--tx-faint);font-size:.85rem}.redondo-col-headers{display:flex;align-items:flex-end;gap:8px;padding:4px 14px 8px;flex-wrap:wrap}.redondo-col-headers .rh-name{flex:1;min-width:60px}.rh-group{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--bg-surface);border-radius:8px;padding:6px 4px 4px;min-width:0;flex:1}.rh-group-title{font-size:.7rem;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.5px}.rh-sub{display:flex;gap:4px}.rh-sub span{font-size:.6rem;color:var(--tx-faint);text-transform:uppercase;min-width:60px;text-align:center;letter-spacing:.3px}.redondo-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.redondo-row .prod-name{flex:1;min-width:60px;overflow-wrap:break-word}.rh-qty-pair{display:flex;gap:4px;min-width:0;flex:1;justify-content:center;padding:2px 4px;background:var(--bg-surface);border-radius:6px}.form-footer{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--bd);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-bottom:calc(12px + env(safe-area-inset-bottom))}.form-footer-count{font-size:.9rem;color:var(--tx-muted)}.form-footer-count strong{color:var(--tx);font-weight:600}.form-footer-btn{padding:10px 24px;border:none;border-radius:8px;background:var(--red);color:var(--tx-on-red);font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s}.form-footer-btn:hover{background:var(--red-dk)}.form-footer-btn:disabled{opacity:.4;cursor:not-allowed}.summary-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);z-index:200;display:none;align-items:flex-end;justify-content:center}.summary-overlay.open{display:flex}.summary-overlay.open .summary-modal{animation:slideUp .3s ease}.summary-modal{background:var(--bg-card);border-radius:20px 20px 0 0;width:100%;max-width:600px;max-height:85vh;overflow-y:auto;padding:16px 20px 24px}.summary-handle{width:40px;height:4px;background:var(--bd);border-radius:2px;margin:0 auto 16px}.summary-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.summary-nav-btn{background:none;border:1px solid var(--bd);border-radius:8px;padding:6px 12px;color:var(--tx-muted);cursor:pointer;font-family:inherit;transition:var(--transition)}.summary-nav-btn:hover{border-color:var(--red);color:var(--red)}.summary-nav-btn:disabled{opacity:.3;cursor:not-allowed}.summary-title{font-size:1.1rem;font-family:Cormorant Garamond,serif}.summary-section{margin-bottom:16px}.summary-section-title{font-size:.85rem;font-weight:600;color:var(--tx-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.summary-item{display:flex;justify-content:space-between;padding:4px 0;font-size:.9rem;gap:8px}.summary-item-name{color:var(--tx);min-width:0;overflow-wrap:break-word}.summary-item-qty{font-weight:600;color:var(--tx);flex-shrink:0}.summary-item .no-ticket-tag{font-size:9px;color:var(--red);background:#c8102e14;padding:1px 5px;border-radius:4px;margin-left:4px;white-space:nowrap}.summary-meta{background:var(--bg-surface);border-radius:8px;padding:10px 12px;margin-bottom:12px;font-size:.85rem;color:var(--tx-muted)}.summary-meta strong{color:var(--tx)}.summary-notes textarea{width:100%;padding:10px 12px;border:1px solid var(--bd-input);border-radius:8px;background:var(--bg-input);color:var(--tx);font-family:inherit;font-size:.9rem;resize:vertical;min-height:60px}.summary-notes label{font-size:.75rem;color:var(--tx-muted);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:4px}.summary-actions{display:flex;gap:8px;margin-top:16px}.summary-actions button{flex:1;padding:12px;border-radius:10px;font-weight:600;font-family:inherit;cursor:pointer;font-size:.95rem;transition:background .2s}.btn-back{background:none;border:1px solid var(--bd);color:var(--tx)}.btn-back:hover{background:var(--bg-surface)}.btn-submit{background:var(--red);border:none;color:var(--tx-on-red)}.btn-submit:hover{background:var(--red-dk)}.confirm-card{text-align:center;padding:40px 20px}.confirm-check{width:64px;height:64px;border-radius:50%;background:#1b7a4a1f;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.confirm-check svg{width:32px;height:32px;color:var(--green)}.confirm-title{font-size:1.4rem;margin-bottom:8px}.confirm-sub{color:var(--tx-muted);font-size:.9rem;margin-bottom:24px}.confirm-btn{padding:14px 32px;border:none;border-radius:10px;background:var(--red);color:var(--tx-on-red);font-weight:600;font-family:inherit;cursor:pointer;font-size:1rem}.app-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(20px);z-index:999;background:var(--bg-card);border:1px solid var(--bd);border-radius:12px;padding:14px 20px;box-shadow:0 8px 32px #0003;display:flex;align-items:center;gap:12px;min-width:280px;max-width:90vw;opacity:0;transition:opacity .3s,transform .3s;font-size:.9rem;color:var(--tx)}.app-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.app-toast.error{border-color:var(--red);border-left:4px solid var(--red)}.app-toast.success{border-color:var(--green);border-left:4px solid var(--green)}.toast-close{background:none;border:none;color:var(--tx-muted);cursor:pointer;padding:4px;font-size:.9rem;flex-shrink:0}.form-field input[type=date]{cursor:pointer;position:relative}.form-field input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5;filter:none;padding:4px}[data-theme=dark] .form-field input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.6}.time-display{padding:10px 12px;border:1px solid var(--bd-input);border-radius:8px;background:var(--bg-input);color:var(--tx);font-size:.9rem;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color .2s;min-height:42px;-webkit-user-select:none;user-select:none}.time-display:hover{border-color:var(--bd-hover)}.time-display.has-value{color:var(--tx)}.time-display:not(.has-value){color:var(--tx-faint)}.time-display svg{width:18px;height:18px;color:var(--tx-faint);flex-shrink:0}.tp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);z-index:300;display:none;align-items:flex-end;justify-content:center}.tp-overlay.open{display:flex}.tp-overlay.open .tp-modal{animation:slideUp .3s ease}.tp-modal{background:var(--bg-card);border-radius:20px 20px 0 0;width:100%;max-width:400px;padding:16px 20px 24px}.tp-handle{width:40px;height:4px;background:var(--bd);border-radius:2px;margin:0 auto 12px}.tp-title{text-align:center;font-size:1rem;font-weight:600;font-family:Cormorant Garamond,serif;margin-bottom:16px;color:var(--tx)}.tp-columns{display:flex;align-items:center;justify-content:center;gap:0;position:relative;height:200px;overflow:hidden;margin-bottom:16px}.tp-columns:before{content:"";position:absolute;top:50%;left:12px;right:12px;height:40px;transform:translateY(-50%);background:var(--red);opacity:.12;border-radius:8px;pointer-events:none;z-index:1}.tp-colon{font-size:1.6rem;font-weight:700;color:var(--tx);padding:0 2px;align-self:center;z-index:2;margin-top:-2px}.tp-col{flex:1;max-width:80px;height:100%;overflow-y:auto;position:relative;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;z-index:2;scrollbar-width:none}.tp-col::-webkit-scrollbar{display:none}.tp-col-inner{padding:80px 0}.tp-item{height:40px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:500;color:var(--tx-faint);scroll-snap-align:center;cursor:pointer;transition:color .15s,transform .15s;-webkit-user-select:none;user-select:none;font-family:Outfit,sans-serif}.tp-item.selected{color:var(--tx);font-weight:700;font-size:1.5rem}.tp-actions{display:flex;gap:8px}.tp-actions button{flex:1;padding:12px;border-radius:10px;font-weight:600;font-family:inherit;cursor:pointer;font-size:.95rem;transition:background .2s}.tp-cancel{background:none;border:1px solid var(--bd);color:var(--tx)}.tp-cancel:hover{background:var(--bg-surface)}.tp-confirm{background:var(--red);border:none;color:var(--tx-on-red)}.tp-confirm:hover{background:var(--red-dk)}.balance-amount.green{color:#2f8a4c}.balance-amount.yellow{color:#c09020}.balance-amount.red{color:#c0392b}.balance-banner{display:flex;align-items:center;gap:8px;transition:background .2s}.balance-banner:hover{background:var(--bg-surface)}.order-card{background:var(--bg-card,#fff);border-radius:12px;padding:16px;margin-bottom:12px;cursor:pointer;transition:transform .15s,box-shadow .15s;border:1px solid var(--bd)}.order-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.order-card:active{transform:scale(.98)}.order-card-row1{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.order-card-name{font-weight:600;font-size:.95rem;color:var(--tx);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.order-card-total{font-weight:700;font-size:.95rem;color:var(--red);white-space:nowrap;font-family:Cormorant Garamond,serif;flex-shrink:0}.order-card-row2{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:8px}.order-card-left{display:flex;align-items:center;gap:6px;min-width:0}.order-card-id{font-size:.72rem;color:var(--tx-faint);font-family:monospace;white-space:nowrap}.order-card-date{font-size:.78rem;color:var(--tx-muted);white-space:nowrap;flex-shrink:0}.order-card-edit{margin-top:8px;padding-top:6px;border-top:1px solid var(--bd)}.pay-badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:10px;font-weight:600;letter-spacing:.02em;min-width:50px;text-align:center;white-space:nowrap;line-height:1.4}.pay-badge.paid{background:#e8f5e9;color:#2f8a4c}.pay-badge.not-paid{background:#ffebee;color:#c0392b}.pay-badge.partial{background:#fff8e1;color:#c09020}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.pending{background:#1565c0;box-shadow:0 0 0 2px #1565c033}.status-badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:.68rem;font-weight:600}.status-badge.pending{background:#e3f2fd;color:#1565c0}.status-badge.sent{background:#e8f5e9;color:#2f8a4c}.batch-count{display:inline-block;font-size:.65rem;font-weight:600;background:var(--red);color:#fff;padding:1px 7px;border-radius:99px;margin-left:4px;vertical-align:middle}.batch-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:10px;padding:6px 0}.batch-nav span{font-size:.82rem;font-weight:600;color:var(--tx)}.batch-nav-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--bd);background:var(--bg-card);color:var(--tx);font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.batch-nav-btn:hover:not(:disabled){background:var(--red);color:#fff;border-color:var(--red)}.batch-nav-btn:disabled{opacity:.3;cursor:not-allowed}[data-theme=dark] .pay-badge.paid{background:#2f8a4c26;color:#6fcf97}[data-theme=dark] .pay-badge.not-paid{background:#c0392b26;color:#e88a82}[data-theme=dark] .pay-badge.partial{background:#c0902026;color:#f0c050}[data-theme=dark] .status-dot.pending{background:#64b5f6;box-shadow:0 0 0 2px #64b5f633}[data-theme=dark] .status-badge.pending{background:#1565c026;color:#64b5f6}[data-theme=dark] .status-badge.sent{background:#2f8a4c26;color:#6fcf97}.order-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9000;display:none;align-items:flex-end;justify-content:center}.order-detail-overlay.open{display:flex}.order-detail-overlay.open .order-detail-modal{animation:slideUp .3s ease}.order-detail-modal{background:var(--bg-card,#fff);border-radius:20px 20px 0 0;width:100%;max-width:600px;max-height:85vh;overflow-y:auto;overflow-x:hidden;padding:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.order-detail-header{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--bd);position:sticky;top:0;background:var(--bg-card,#fff);z-index:1}.order-detail-back{background:none;border:none;cursor:pointer;padding:4px;color:var(--tx);flex-shrink:0}.order-detail-title{flex:1;font-size:1.05rem;font-weight:700;font-family:Cormorant Garamond,serif;color:var(--tx);min-width:0;overflow-wrap:break-word}.order-detail-badge{flex-shrink:0}.order-detail-meta{padding:12px 18px}.order-detail-meta-inner{background:var(--bg-surface,#f5f3f0);border-radius:10px;padding:10px 14px;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.82rem;color:var(--tx-muted);overflow-wrap:break-word}.order-detail-meta-inner span{display:inline-flex;align-items:center;gap:3px}.order-detail-meta i{width:13px;height:13px}.order-detail-items{padding:8px 18px 12px}.order-detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--bd);gap:8px}.order-detail-item:last-child{border-bottom:none}.order-detail-item-name{font-weight:500;color:var(--tx);font-size:.9rem;min-width:0;overflow-wrap:break-word}.order-detail-item-qty{font-weight:600;color:var(--tx);font-size:.88rem}.order-detail-item-adj{font-size:.72rem;color:var(--tx-faint);margin-left:4px}.order-detail-cat-header{background:var(--bg-surface);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--red);border-left:3px solid var(--red);border-bottom:1px solid var(--bd);margin:0 -18px;padding:6px 10px 6px 18px}.order-detail-items .no-ticket-tag{display:inline-block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--red);background:#c8102e14;padding:1px 5px;border-radius:4px;margin-left:4px;vertical-align:middle;white-space:nowrap;line-height:1.4}.order-detail-notes{padding:8px 18px 12px;border-top:1px solid var(--bd);font-size:.85rem;color:var(--tx-muted);font-style:italic}.order-detail-notes strong{display:block;margin-bottom:4px;font-style:normal;color:var(--tx)}.balance-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9000;display:none;align-items:center;justify-content:center}.balance-modal-overlay.open{display:flex}.balance-modal{background:var(--bg-card,#fff);border-radius:16px;width:92%;max-width:500px;max-height:80vh;overflow-y:auto;animation:scaleIn .25s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.balance-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--bd)}.balance-modal-header h3{font-size:1.1rem;font-weight:700;font-family:Cormorant Garamond,serif;color:var(--tx);margin:0}.balance-modal-close{background:none;border:none;cursor:pointer;padding:4px;color:var(--tx)}.balance-modal-total{padding:16px 20px;text-align:center;font-size:2rem;font-weight:700;font-family:Cormorant Garamond,serif}.balance-modal-list{padding:0 20px 20px}.balance-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--bd)}.balance-item:last-child{border-bottom:none}.balance-item-info{flex:1}.balance-item-biz{font-weight:600;font-size:.92rem;color:var(--tx)}.balance-item-date{font-size:.78rem;color:var(--tx-faint)}.balance-item-detail{font-size:.78rem;color:var(--tx-muted)}.balance-item-remaining{font-weight:700;font-size:1rem;color:#c0392b}.balance-empty{text-align:center;padding:30px 0;color:var(--tx-faint);font-size:.9rem}.edit-indicator{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;padding:2px 7px;border-radius:6px}.edit-indicator svg{width:11px;height:11px}.edit-indicator.active{color:#27ae60;background:#27ae6014}.edit-indicator.locked{color:var(--tx-faint);background:#80808014}.order-detail-actions{padding:8px 18px 12px;text-align:center}.edit-order-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 20px;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;background:var(--red);color:#fff;border:none;font-family:inherit;transition:background .2s,transform .15s}.edit-order-btn:hover{background:#a51c1c;transform:translateY(-1px)}.edit-order-btn:active{transform:scale(.97)}.edit-order-btn svg{width:14px;height:14px}.order-detail-total{display:flex;justify-content:space-between;padding:8px 0;margin-top:4px;border-top:2px solid var(--bd);font-weight:700;font-size:.92rem;color:var(--tx)}@media(max-width:480px){.order-detail-modal{max-height:90vh;border-radius:16px 16px 0 0}.balance-modal{width:96%;max-height:85vh}}.order-card{transition:transform .2s ease,box-shadow .2s ease}.order-card:hover{transform:translateY(-1px) scale(1.005);box-shadow:0 4px 16px #00000014}@keyframes badgePulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.badge-pulse{animation:badgePulse .4s ease}@keyframes balancePulse{0%,to{opacity:1}50%{opacity:.85}}.balance-banner.has-balance{animation:balancePulse 3s ease-in-out infinite}.submit-btn:active,.order-tab:active,.nav-item:active{transform:scale(.97)}.product-qty:focus{border-color:var(--red);box-shadow:0 0 0 3px #c8102e1a}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}