@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand:#c0392b;--brand-dark:#96281b;--brand-light:#e74c3c;--surface:#fff;--surface2:#f9fafb;--surface3:#f3f4f6;--border:#00000014;--text:#111827;--muted:#6b7280;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--sidebar-bg:#1a1a2e;--radius:8px;--radius-lg:12px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 30px #00000024}body{background:var(--surface3);color:var(--text);-webkit-font-smoothing:antialiased;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5}button{cursor:pointer;font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit}a{color:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}.btn{border-radius:var(--radius);white-space:nowrap;border:none;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:600;line-height:1.4;transition:opacity .15s,background .15s,transform .1s;display:inline-flex}.btn:hover{opacity:.88}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand);color:#fff}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{color:var(--muted);border:1px solid var(--border);background:0 0}.btn-sm{padding:4px 10px;font-size:12px}.btn-icon{justify-content:center;width:30px;height:30px;padding:6px}.form-group{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.form-group:last-of-type{margin-bottom:0}.form-label{color:var(--text);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.form-label .req{color:var(--brand);margin-left:1px}.form-input,.form-textarea,.form-select{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);width:100%;padding:9px 11px;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #c0392b1f}.form-textarea{resize:vertical;min-height:70px}.form-row{gap:12px;display:flex}.form-row .form-group{flex:1}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:18px;padding-top:18px;display:flex}.toggle{flex-shrink:0;width:38px;height:21px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-track{cursor:pointer;background:#d1d5db;border-radius:11px;transition:background .2s;position:absolute;inset:0}.toggle-track:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle input:checked+.toggle-track{background:var(--brand)}.toggle input:checked+.toggle-track:after{transform:translate(17px)}.stock-badge{border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.stock-badge--in{color:#15803d;background:#dcfce7}.stock-badge--low{color:#92400e;background:#fef3c7}.stock-badge--out{color:#b91c1c;background:#fee2e2}.drag-handle{color:#ccc;cursor:grab;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 2px;transition:color .12s,background .12s;display:flex}.drag-handle:hover{color:var(--muted);background:var(--surface3)}.drag-handle:active{cursor:grabbing}.drag-handle-dots{grid-template-columns:3px 3px;gap:3px;display:grid}.drag-handle-dots span{background:currentColor;border-radius:50%;width:3px;height:3px}.sidebar{background:var(--sidebar-bg);flex-direction:column;width:240px;min-width:240px;height:100vh;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:10px;padding:16px;display:flex}.sidebar-logo-wrap{cursor:pointer;background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex;position:relative;overflow:hidden}.sidebar-logo-wrap:hover{background:#ffffff24}.sidebar-logo-wrap:hover .sidebar-logo-overlay{opacity:1}.sidebar-logo-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.sidebar-logo-emoji{font-size:22px;line-height:1}.sidebar-logo-overlay{opacity:0;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:opacity .15s;display:flex;position:absolute;inset:0}.sidebar-brand{flex-direction:column;min-width:0;line-height:1.25;display:flex}.sidebar-brand-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.sidebar-brand-sub{color:#fff6;text-transform:uppercase;letter-spacing:.6px;font-size:10px}.sidebar-nav{flex-direction:column;flex:1;gap:0;padding:8px 8px 4px;display:flex;overflow-y:auto}.sidebar-section{flex-direction:column;gap:1px;margin-bottom:6px;display:flex}.sidebar-section-label{letter-spacing:.8px;color:#ffffff47;text-transform:uppercase;padding:10px 12px 4px;font-size:10px;font-weight:700}.sidebar-item{border-radius:var(--radius);color:#ffffff8c;text-align:left;background:0 0;border:none;align-items:center;gap:9px;width:100%;padding:8px 12px;font-size:13.5px;font-weight:500;transition:background .14s,color .14s;display:flex}.sidebar-item:hover{color:#ffffffe6;background:#ffffff12}.sidebar-item.active{background:var(--brand);color:#fff}.sidebar-item-icon{flex-shrink:0;width:16px;height:16px}.sidebar-item--sm{color:#fff6;font-size:12.5px}.sidebar-item--collapsible{justify-content:flex-start}.sidebar-item-text{flex:1}.sidebar-chevron{color:#ffffff59;flex-shrink:0;align-items:center;transition:transform .18s;display:flex}.sidebar-chevron--open{transform:rotate(180deg)}.sidebar-collapsible{flex-direction:column;display:flex}.sidebar-children{border-left:1px solid #ffffff1a;flex-direction:column;gap:1px;margin-bottom:2px;margin-left:14px;padding-left:12px;display:flex}.sidebar-child-item{border-radius:var(--radius);color:#ffffff73;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:12.5px;font-weight:500;transition:background .14s,color .14s;display:flex}.sidebar-child-item:hover{color:#ffffffd9;background:#ffffff0f}.sidebar-child-item.active{color:#fff;background:#ffffff1a;font-weight:600}.sidebar-child-dot{opacity:.6;background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.sidebar-bottom{border-top:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;gap:1px;padding:4px 8px 6px;display:flex}.sidebar-footer{border-top:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.sidebar-user-dot{background:var(--brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.sidebar-user-info{flex-direction:column;line-height:1.25;display:flex}.sidebar-user-name{color:#ffffffd9;font-size:12px;font-weight:600}.sidebar-user-role{color:#ffffff59;font-size:11px}@media (width<=768px){.sidebar{z-index:50;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}}.product-row--off .td-thumb,.product-row--off .td-name,.product-row--off td:nth-child(4),.product-row--off td:nth-child(5){opacity:.45}.td-drag{width:32px!important;padding:0 4px 0 8px!important}.td-thumb{width:52px!important}.td-name{width:auto}.product-thumb{background:var(--surface3);border:1px solid var(--border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative;overflow:hidden}.product-thumb img{object-fit:cover;width:100%;height:100%}.product-thumb-empty{font-size:20px}.thumb-promo-dot{background:var(--brand);border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:3px;right:3px}.product-name{color:var(--text);font-size:13.5px;font-weight:600;display:block}.product-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:280px;margin-top:1px;font-size:11.5px;display:block;overflow:hidden}.price-col{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.price-normal{color:var(--text);font-size:13.5px;font-weight:700}.price-from{color:var(--muted);font-size:12px}.variants-pill{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe;border-radius:99px;padding:1px 7px;font-size:11px;font-weight:600}.pr-actions{align-items:center;gap:5px;display:flex}.pr-del-btn{color:var(--muted);border:1px solid var(--border);background:0 0}.pr-del-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger);opacity:1}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-height:90vh;animation:.18s slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal--sm{max-width:420px}.modal--md{max-width:560px}.modal--lg{max-width:720px}.modal--xl{max-width:900px}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-title{color:var(--text);font-size:16px;font-weight:700}.modal-close{color:var(--text-3);background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:16px;line-height:1;transition:background .12s,color .12s}.modal-close:hover{background:var(--surface-2);color:var(--text)}.modal-body{flex:1;padding:24px;overflow-y:auto}.pm-tabs{border-bottom:2px solid var(--border);margin-bottom:20px;display:flex}.pm-tab{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:4px 4px 0 0;margin-bottom:-2px;padding:8px 16px;font-size:13px;font-weight:600;transition:color .14s,border-color .14s}.pm-tab:hover{color:var(--text)}.pm-tab.active{color:var(--brand);border-bottom-color:var(--brand)}.pm-section{flex-direction:column;gap:0;display:flex}.pm-image-area{border:2px dashed var(--border);border-radius:var(--radius);cursor:pointer;background:var(--surface2);justify-content:center;align-items:center;width:100%;height:160px;margin-bottom:6px;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.pm-image-area:hover{border-color:var(--brand);background:#fef2f2}.pm-image-preview{object-fit:cover;width:100%;height:100%}.pm-promo-badge{background:var(--brand);color:#fff;text-transform:uppercase;letter-spacing:.4px;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700;position:absolute;top:8px;left:8px}.pm-image-change-overlay{color:#fff;opacity:0;background:#00000073;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:opacity .15s;display:flex;position:absolute;inset:0}.pm-image-area:hover .pm-image-change-overlay{opacity:1}.pm-image-placeholder{color:var(--muted);flex-direction:column;align-items:center;gap:4px;font-size:13px;display:flex}.pm-image-placeholder span:first-child{font-size:32px}.pm-image-hint{color:var(--muted);font-size:11px}.pm-image-remove{align-self:flex-start;margin-bottom:4px}.pm-gallery{gap:10px;margin-bottom:6px;display:flex}.pm-gallery-slot{border-radius:var(--radius);border:1px solid var(--border);flex:1;min-width:0;height:130px;position:relative;overflow:hidden}.pm-gallery-drag-area{cursor:grab;width:100%;height:100%}.pm-gallery-drag-area:active{cursor:grabbing}.pm-gallery-img{object-fit:cover;width:100%;height:100%;display:block}.pm-gallery-badge{background:var(--brand);color:#fff;text-transform:uppercase;letter-spacing:.3px;pointer-events:none;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:6px;left:6px}.pm-gallery-rm{color:#fff;cursor:pointer;background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:15px;font-weight:700;line-height:1;transition:background .12s;display:flex;position:absolute;top:5px;right:5px}.pm-gallery-rm:hover{background:var(--danger)}.pm-gallery-add{border:2px dashed var(--border);border-radius:var(--radius);min-width:0;height:130px;color:var(--muted);cursor:pointer;background:var(--surface2);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:12px;transition:border-color .14s,background .14s;display:flex}.pm-gallery-add:hover{border-color:var(--brand);background:#fef2f2}.pm-gallery-add span:first-child{font-size:24px}.pm-active-group{flex:none;min-width:110px}.pm-toggle-row{align-items:center;gap:8px;padding-top:4px;display:flex}.pm-toggle-text{color:var(--muted);font-size:13px}.pm-price-type-row{gap:8px;margin-bottom:16px;display:flex}.pm-price-type-btn{border-radius:var(--radius);border:2px solid var(--border);background:var(--surface2);color:var(--muted);flex:1;padding:10px;font-size:13px;font-weight:600;transition:all .14s}.pm-price-type-btn:hover{border-color:var(--brand);color:var(--brand)}.pm-price-type-btn.active{border-color:var(--brand);color:var(--brand);background:#fef2f2}.pm-promo-preview{align-items:center;gap:6px;margin-top:6px;display:flex}.price-orig{color:var(--muted);font-size:12px;font-weight:500;text-decoration:line-through}.price-promo{color:var(--brand);font-size:14px;font-weight:700}.price-disc{color:var(--brand);background:#fee2e2;border-radius:99px;padding:1px 7px;font-size:11px;font-weight:700}.pm-variants-section{margin-bottom:16px}.pm-variants-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pm-variants-title{font-size:13px;font-weight:700}.pm-variants-legend{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:8px;margin-bottom:4px;padding:0 4px;font-size:11px;font-weight:600;display:flex}.pm-variant-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.pm-variant-num{color:var(--muted);text-align:center;flex-shrink:0;width:16px;font-size:11px;font-weight:700}.pm-variant-disc{flex-shrink:0;justify-content:center;align-items:center;display:flex}.pm-cost-block{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface2);margin-top:12px;padding:14px 16px}.pm-cost-title{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin-bottom:10px;font-size:12px;font-weight:700}.pm-margin-cards{gap:8px;padding-bottom:6px;display:flex}.pm-margin-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex:1;gap:2px;padding:10px 12px;display:flex}.pm-mc-label{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.pm-mc-value{color:var(--text);font-size:18px;font-weight:700;line-height:1.2}.pm-stock-toggle-row{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:12px;padding:14px;display:flex}.pm-stock-label{color:var(--text);font-size:14px;font-weight:600}.pm-stock-desc{color:var(--muted);margin-top:2px;font-size:12px}.pm-stock-preview{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);align-items:center;gap:8px;margin-top:4px;padding:12px;font-size:13px;display:flex}.pm-mod-list{flex-direction:column;gap:8px;display:flex}.pm-mod-item{border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:flex-start;gap:10px;padding:12px 14px;transition:border-color .12s,background .12s;display:flex}.pm-mod-item:hover{border-color:var(--brand);background:#fef2f2}.pm-mod-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand);flex-shrink:0;margin-top:2px}.pm-mod-info{flex-direction:column;gap:2px;display:flex}.pm-mod-name{color:var(--text);font-size:14px;font-weight:600}.pm-mod-meta{color:var(--muted);font-size:12px}.pm-mods-empty{color:var(--muted);text-align:center;padding:20px 0;font-size:13px}.pm-mods-block{margin-bottom:10px}.pm-mods-block--add{border-top:1px solid var(--border);margin-top:4px;padding-top:12px}.pm-mods-subtitle{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);align-items:center;gap:8px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.pm-mods-subtitle--add{color:var(--text)}.pm-mods-hint{color:var(--muted);text-transform:none;letter-spacing:0;font-size:11px;font-weight:400}.pm-mod-sortable-list{flex-direction:column;gap:6px;display:flex}.pm-mod-sortable-item{border:1.5px solid var(--brand);border-radius:var(--radius);background:#fef2f2;align-items:center;gap:10px;padding:10px 12px;display:flex}.pm-mod-drag{width:24px;height:32px;color:var(--muted);cursor:grab;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pm-mod-remove-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;transition:all .12s;display:flex}.pm-mod-remove-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.pm-mod-item--add{cursor:pointer}.pm-mod-add-icon{background:var(--surface3);border:1px solid var(--border);width:22px;height:22px;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;line-height:1;display:flex}.cat-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:opacity .2s,box-shadow .15s;overflow:hidden}.cat-section:hover{box-shadow:var(--shadow-md)}.cat-section--off .cat-name,.cat-section--off .cat-count-badge,.cat-section--off .cat-body{opacity:.45}.cat-header{background:var(--surface2);border-bottom:1px solid var(--border);align-items:center;gap:10px;min-height:56px;padding:14px 16px;display:flex}.cat-name{color:var(--text);cursor:text;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;font-weight:700;overflow:hidden}.cat-name:hover{color:var(--brand)}.cat-name-input{border:1.5px solid var(--brand);min-width:0;color:var(--text);background:var(--surface);border-radius:6px;outline:none;flex:1;padding:4px 8px;font-size:15px;font-weight:700;box-shadow:0 0 0 3px #c0392b1a}.cat-count-badge{background:var(--surface3);color:var(--muted);border:1px solid var(--border);border-radius:99px;flex-shrink:0;padding:2px 9px;font-size:11px;font-weight:700}.cat-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.cat-del-btn{color:var(--danger)!important}.cat-del-btn:hover{background:var(--danger)!important;color:#fff!important;opacity:1!important}.collapse-btn{font-size:11px}.cat-body{padding:0}.cat-empty{color:var(--muted);padding:20px;font-size:13px}.inline-link{color:var(--brand);font-size:inherit;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.products-table{border-collapse:collapse;table-layout:fixed;width:100%}.products-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);background:var(--surface2);border-bottom:1px solid var(--border);padding:8px 12px;font-size:11px;font-weight:700}.products-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}.products-table tbody tr:last-child td{border-bottom:none}.products-table tbody tr:hover{background:var(--surface2)}.gm-tabs{border-bottom:2px solid var(--border);margin:-4px 0 16px;display:flex}.gm-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:8px 16px;font-size:13px;font-weight:600;transition:color .14s,border-color .14s;display:flex}.gm-tab:hover{color:var(--text)}.gm-tab.active{color:var(--brand);border-bottom-color:var(--brand)}.gm-tab-badge{background:var(--brand);color:#fff;text-align:center;border-radius:99px;min-width:16px;padding:1px 6px;font-size:10px;font-weight:700}.gm-prod-toolbar{align-items:center;gap:8px;margin-bottom:8px;display:flex}.gm-prod-search{flex:1}.gm-prod-count{color:var(--muted);margin-bottom:10px;font-size:12px}.gm-prod-list{flex-direction:column;gap:12px;max-height:320px;padding-right:2px;display:flex;overflow-y:auto}.gm-prod-cat-name{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);border-bottom:1px solid var(--border);margin-bottom:6px;padding:4px 0;font-size:11px;font-weight:700}.gm-prod-item{border-radius:var(--radius);border:1.5px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin-bottom:5px;padding:8px 10px;transition:border-color .12s,background .12s;display:flex}.gm-prod-item:hover{border-color:var(--brand);background:#fef2f2}.gm-prod-item input[type=checkbox]{width:15px;height:15px;accent-color:var(--brand);flex-shrink:0}.gm-prod-name{color:var(--text);font-size:13px;font-weight:500}.gm-prod-empty{text-align:center;color:var(--muted);padding:24px 0;font-size:13px}.mods-panel{padding:4px 0}.mods-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.mods-panel-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.mods-search{width:220px}.mods-no-results{text-align:center;color:var(--muted);padding:40px 0;font-size:14px}.mods-panel-title{margin-bottom:3px;font-size:18px;font-weight:700}.mods-panel-sub{color:var(--muted);font-size:13px}.mod-group-cards{flex-direction:column;gap:12px;display:flex}.mod-group-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.mod-group-card-header{background:var(--surface2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px 10px 8px;display:flex}.mod-group-drag{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:32px;display:flex}.mod-group-card-info{flex:1;min-width:0}.mod-group-card-name{color:var(--text);font-size:15px;font-weight:700}.mod-group-card-meta{flex-wrap:wrap;gap:5px;margin-top:5px;display:flex}.mod-tag{background:var(--surface3);color:var(--muted);border:1px solid var(--border);border-radius:99px;padding:2px 9px;font-size:11px;font-weight:600}.mod-tag--req{color:#92400e;background:#fef3c7;border-color:#fde68a}.mod-tag--opt{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.mod-group-card-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.mod-collapse-btn{width:28px;height:28px;font-size:11px}.mod-del-btn{color:var(--danger);background:0 0;border:1px solid}.mod-del-btn:hover{background:var(--danger);color:#fff;opacity:1}.mod-options-collapse{max-height:0;transition:max-height .26s;overflow:hidden}.mod-options-collapse--open{max-height:600px}.mod-options-list{flex-wrap:wrap;gap:6px;padding:12px 16px;display:flex}.mod-opt-chip{background:var(--surface2);border:1px solid var(--border);border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;display:inline-flex}.mod-opt-chip-name{color:var(--text);font-weight:600}.mod-opt-price{color:var(--muted)}.mod-opt-orig{color:var(--muted);font-size:11px;text-decoration:line-through}.mod-opt-promo{color:var(--brand);font-weight:700}.mod-opt-chip--off{opacity:.4}.mod-settings-row{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:14px;padding:12px 14px;display:flex}.mod-check-label{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:flex}.mod-check-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--brand)}.mod-minmax{color:var(--muted);align-items:center;gap:6px;margin-left:auto;font-size:13px;display:flex}.mod-num-input{text-align:center;width:64px!important}.mod-options-section{margin-bottom:4px}.mod-options-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.mod-options-title{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-size:12px;font-weight:700}.mod-options-legend{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:8px;margin-bottom:4px;padding:0 4px;font-size:11px;font-weight:600;display:flex}.mod-opt-num{color:var(--muted);text-align:center;flex-shrink:0;width:16px;font-size:11px;font-weight:700}.mod-opt-drag{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:32px;display:flex}.mod-eye-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:32px;transition:all .12s;display:flex}.mod-eye-btn:hover{border-color:var(--blue);color:var(--blue)}.mod-eye-btn--off{color:var(--muted);opacity:.4}.mod-eye-btn--off:hover{opacity:1}.mod-opt-price--varies{color:var(--muted);font-size:11px;font-style:italic}.mod-option-row{flex-direction:row;align-items:flex-start;gap:6px;margin-bottom:6px;display:flex}.mod-opt-dimmable{flex-direction:column;flex:1;min-width:0;display:flex}.mod-opt-dimmable--off{opacity:.4}.mod-opt-main-row{align-items:center;gap:8px;display:flex}.mod-opt-always{flex-shrink:0;align-items:center;gap:6px;padding-top:2px;display:flex}.mod-opt-by-size-btn{color:var(--blue);white-space:nowrap;text-align:right;cursor:pointer;background:0 0;border:none;flex:1;padding:0 4px;font-family:inherit;font-size:11px;font-weight:600;transition:opacity .12s}.mod-opt-by-size-btn:hover{opacity:.7}.mod-price-mode-toggle{border:1px solid var(--border);border-radius:6px;flex-shrink:0;display:flex;overflow:hidden}.mod-price-mode-toggle button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:4px 8px;font-family:inherit;font-size:11px;font-weight:600;transition:background .1s,color .1s}.mod-price-mode-toggle button+button{border-left:1px solid var(--border)}.mod-price-mode-toggle button.active{background:var(--blue);color:#fff}.mod-opt-variant-collapse{max-height:0;transition:max-height .22s;overflow:hidden}.mod-opt-variant-collapse--open{max-height:300px}.mod-opt-variant-prices{flex-wrap:wrap;gap:6px;padding:6px 0 2px 48px;display:flex}.mod-opt-variant-row{align-items:center;gap:5px;display:flex}.mod-opt-variant-lbl{color:var(--muted);white-space:nowrap;text-align:right;min-width:60px;font-size:11.5px;font-weight:600}.pm-price-wrap{align-items:center;display:flex;position:relative}.pm-price-pfx{color:var(--muted);pointer-events:none;z-index:1;font-size:13px;font-weight:600;position:absolute;left:10px}.pm-price-inp{padding-left:22px!important}.pm-variant-rm{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:32px;font-size:11px;transition:all .12s;display:flex}.pm-variant-rm:hover:not(:disabled){background:var(--danger);color:#fff;border-color:var(--danger)}.pm-variant-rm:disabled{opacity:.25;cursor:not-allowed}.menu-page{max-width:1080px;padding:28px 32px}.mp-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.mp-title{margin-bottom:3px;font-size:22px;font-weight:700}.mp-sub{color:var(--muted);font-size:13px}.mp-tabs-bar{border-bottom:2px solid var(--border);gap:0;margin-bottom:20px;display:flex}.mp-tab{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 18px;font-size:14px;font-weight:600;transition:color .14s,border-color .14s}.mp-tab:hover{color:var(--text)}.mp-tab.active{color:var(--brand);border-bottom-color:var(--brand)}.mp-stats{gap:12px;margin-bottom:20px;display:flex}.mp-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:90px;box-shadow:var(--shadow-sm);flex-direction:column;gap:2px;padding:12px 20px;display:flex}.mp-stat-n{color:var(--brand);font-size:24px;font-weight:700;line-height:1}.mp-stat span:last-child{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:500}.mp-categories{flex-direction:column;gap:12px;display:flex}.mp-empty{background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:56px;display:flex}.mp-empty span{font-size:36px}.category-drag-ghost{background:var(--surface);border:2px solid var(--brand);border-radius:var(--radius-lg);color:var(--brand);box-shadow:var(--shadow-lg);opacity:.9;align-items:center;gap:10px;padding:14px 20px;font-size:15px;font-weight:700;display:flex}.cat-count-badge{background:var(--surface3);color:var(--muted);border:1px solid var(--border);border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600}:root{--blue:#2563eb;--blue-dark:#1d4ed8;--blue-bg:#eff6ff}.channel-bar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:stretch;min-height:52px;padding:0 20px 0 0;display:flex}.channel-tabs{align-items:stretch;display:flex}.channel-tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:0 18px;font-size:13.5px;font-weight:500;transition:color .14s,border-color .14s;display:flex}.channel-tab:hover{color:var(--text)}.channel-tab.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}.channel-tab svg{flex-shrink:0}.channel-count{background:var(--surface3);min-width:18px;height:18px;color:var(--muted);border-radius:99px;justify-content:center;align-items:center;padding:0 5px;font-size:12px;font-weight:700;display:inline-flex}.channel-tab.active .channel-count{background:var(--blue-bg);color:var(--blue)}.channel-actions{align-items:center;gap:6px;display:flex}.cb-icon-btn{border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);background:0 0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .12s,color .12s;display:flex}.cb-icon-btn:hover{background:var(--surface2);color:var(--text)}.cb-icon-btn--more{border:none}.btn-blue{background:var(--blue);color:#fff;border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .14s,transform .1s;display:inline-flex}.btn-blue:hover{background:var(--blue-dark)}.btn-blue:active{transform:scale(.97)}.fdr-backdrop{z-index:490;pointer-events:none;background:0 0;transition:background .2s;position:fixed;inset:0}.fdr-backdrop--open{pointer-events:all;background:#00000040}.fdr-drawer{background:var(--surface);border-left:1px solid var(--border);z-index:500;flex-direction:column;width:320px;transition:transform .22s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 24px #0000001f}.fdr-drawer--open{transform:translate(0)}.fdr-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 18px 14px;display:flex}.fdr-title{color:var(--text);font-size:14px;font-weight:700}.fdr-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;transition:background .12s,color .12s;display:flex}.fdr-close:hover{background:var(--surface3);color:var(--text)}.fdr-body{flex:1;padding:8px 0;overflow-y:auto}.fdr-group{border-bottom:1px solid var(--border);padding:12px 18px}.fdr-group:last-child{border-bottom:none}.fdr-group-label{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:10px;font-size:10.5px;font-weight:700}.fdr-checks{flex-wrap:wrap;gap:8px 14px;display:flex}.fdr-check-label{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:flex}.fdr-check-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--blue);cursor:pointer;flex-shrink:0}.fdr-footer{border-top:1px solid var(--border);flex-shrink:0;gap:8px;padding:12px 18px;display:flex}.fdr-btn{border-radius:var(--radius);cursor:pointer;flex:1;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:background .13s,color .13s}.fdr-btn--clear{border:1.5px solid var(--border);color:var(--muted);background:0 0}.fdr-btn--clear:hover{border-color:var(--danger);color:var(--danger)}.fdr-btn--apply{color:#fff;background:#2563eb;border:none}.fdr-btn--apply:hover{background:#1d4ed8}.filter-adv-btn{border:1.5px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:5px 12px;font-size:12.5px;font-weight:600;transition:border-color .14s,color .14s,background .14s;display:inline-flex}.filter-adv-btn:hover{color:var(--text);border-color:#0003}.filter-adv-btn--active{color:#2563eb;background:#eff6ff;border-color:#2563eb}.filter-adv-badge{color:#fff;background:#2563eb;border-radius:99px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10.5px;font-weight:700;display:inline-flex}.filter-bar{background:var(--surface3);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex}.filter-pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-pill{border:1.5px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:5px 13px;font-size:12.5px;font-weight:500;transition:border-color .14s,color .14s,background .14s;display:inline-flex}.filter-pill:hover{color:var(--text);border-color:#0000002e}.filter-pill.active{border-color:var(--text);color:var(--text);background:var(--surface);font-weight:600}.filter-pill-check{font-size:11px;font-weight:700}.filter-count{border-radius:99px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.filter-count--orange{color:var(--warning);background:#fef3c7}.filter-count--green{color:var(--success);background:#dcfce7}.filter-count--default{background:var(--surface3);color:var(--muted)}.filter-pill--orange.active{border-color:var(--warning);color:var(--warning);background:#fffbeb}.filter-pill--green.active{border-color:var(--success);color:var(--success);background:#f0fdf4}.filter-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.filter-dot--green{background:var(--success);box-shadow:0 0 0 2px #dcfce7}.filter-total{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:600}.order-row{cursor:pointer;border-bottom:1px solid var(--border);border-left:3px solid #0000;border-radius:0;padding:0 4px;transition:background .1s,box-shadow .12s}.order-row:hover{background:var(--surface2)}.order-row--selected{border-left-color:#2563eb;box-shadow:inset 0 0 0 1px #2563eb1f;background:#eff6ff!important}.or-cell{flex-direction:column;gap:3px;min-width:0;padding:12px 14px;display:flex}.or-cell--actions{flex-direction:row;justify-content:flex-end;align-items:center;gap:6px}.or-num{color:var(--text);font-size:14px;font-weight:700;line-height:1}.or-type{color:var(--muted);align-items:center;gap:4px;font-size:12.5px;font-weight:500;display:flex}.or-type-icon{font-size:13px;line-height:1}.or-time{color:var(--muted);font-size:11.5px;font-weight:500}.or-ago{color:#d97706;font-size:11.5px;font-weight:600}.or-closed{color:var(--muted);font-size:11.5px;font-weight:500}.or-sched{color:#92400e;background:#fef3c7;border-radius:20px;align-self:flex-start;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.or-badge{border-radius:99px;justify-content:center;align-self:flex-start;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.or-badge--pend{color:#92400e;background:#fef3c7}.or-badge--preparacion{color:#1d4ed8;background:#dbeafe}.or-badge--listo{color:#065f46;background:#d1fae5}.or-badge--finalizado{color:#374151;background:#f3f4f6}.or-badge--cancelado{color:#991b1b;background:#fee2e2}.or-total{color:var(--text);font-size:15px;font-weight:700}.or-client-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.or-client-phone{color:var(--muted);font-size:11.5px;font-weight:500}.or-client-addr{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.or-paid-badge{color:#065f46;background:#d1fae5;border-radius:99px;align-self:flex-start;align-items:center;margin-top:1px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.or-no-client{color:var(--muted);font-size:13px}.or-btn{cursor:pointer;white-space:nowrap;border-radius:6px;padding:5px 11px;font-size:12px;font-weight:600;line-height:1.4;transition:background .13s,color .13s,opacity .13s}.or-btn--cancel{color:#dc2626;background:0 0;border:1.5px solid #fca5a5}.or-btn--cancel:hover{background:#fee2e2}.or-btn--pay{color:#2563eb;background:0 0;border:1.5px solid #93c5fd}.or-btn--pay:hover{background:#eff6ff}.or-btn--accept{color:#fff;background:#16a34a;border:1.5px solid #16a34a}.or-btn--accept:hover{background:#15803d;border-color:#15803d}.or-btn--prep{color:#fff;background:#2563eb;border:1.5px solid #2563eb}.or-btn--prep:hover{background:#1d4ed8;border-color:#1d4ed8}.or-btn--finish{color:#fff;background:#374151;border:1.5px solid #374151}.or-btn--finish:hover{background:#1f2937;border-color:#1f2937}.ol-header-row,.order-row{grid-template-columns:185px 140px 110px 1fr 205px;align-items:center;display:grid}.order-list-empty{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:60px 20px;display:flex}.ol-empty-icon{background:var(--surface2);color:#cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.ol-empty-text{color:var(--muted);text-align:center;font-size:14px}.ol-empty-btn{margin-top:4px}.order-list{flex-direction:column;flex:1;display:flex;overflow-y:auto}.ol-header-row{background:var(--surface2);border-bottom:1px solid var(--border);z-index:2;padding:0 4px;position:sticky;top:0}.ol-th{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);white-space:nowrap;padding:9px 14px;font-size:11px;font-weight:700}.ol-th--right{text-align:right}.ol-body{flex-direction:column;display:flex}.pm-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1100;background:#00000073;justify-content:center;align-items:center;padding:16px;animation:.15s pm-fade;display:flex;position:fixed;inset:0}@keyframes pm-fade{0%{opacity:0}to{opacity:1}}.pm-modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:470px;max-height:90vh;animation:.18s pm-slide;display:flex;overflow:hidden}@keyframes pm-slide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pm-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 14px;display:flex}.pm-header-title{color:var(--text);font-size:15px;font-weight:700}.pm-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;line-height:1;transition:background .12s,color .12s;display:flex}.pm-close:hover{background:var(--surface3);color:var(--text)}.pm-body{flex-direction:column;flex:1;display:flex;overflow-y:auto}.pm-product-top{border-bottom:1px solid var(--border);align-items:flex-start;gap:14px;padding:16px 20px;display:flex}.pm-thumb{background:var(--surface3);border:1px solid var(--border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:86px;height:76px;font-size:36px;display:flex;overflow:hidden}.pm-thumb img{object-fit:cover;width:100%;height:100%}.pm-product-meta{flex-direction:column;flex:1;gap:4px;min-width:0;padding-top:2px;display:flex}.pm-product-name{color:var(--text);font-size:15px;font-weight:700;line-height:1.3}.pm-product-desc{color:var(--muted);font-size:12.5px;line-height:1.45}.pm-product-price{color:#2563eb;margin-top:2px;font-size:16px;font-weight:800}.pm-section{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding:14px 20px;display:flex}.pm-section-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.pm-section-title{color:var(--text);font-size:13.5px;font-weight:700}.pm-badge{border-radius:99px;flex-shrink:0;padding:2px 9px;font-size:10.5px;font-weight:700}.pm-badge--req{color:#92400e;background:#fef9c3}.pm-badge--opt{background:var(--surface3);color:var(--muted);border:1px solid var(--border)}.pm-section-hint{color:var(--muted);margin-top:-2px;font-size:11.5px}.pm-radio-list{flex-direction:column;gap:3px;margin-top:4px;display:flex}.pm-radio-row{border:1.5px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:11px;padding:9px 12px;transition:border-color .12s,background .12s;display:flex}.pm-radio-row:hover{background:var(--surface2);border-color:#00000024}.pm-radio-row--sel{background:#eff6ff;border-color:#2563eb}.pm-radio-circle{border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;transition:border-color .12s,background .12s;display:flex}.pm-radio-circle--sel{background:#2563eb;border-color:#2563eb}.pm-radio-dot{background:#fff;border-radius:50%;width:6px;height:6px}.pm-radio-label{color:var(--text);flex:1;font-size:13px;font-weight:500}.pm-radio-price{color:var(--text);flex-shrink:0;font-size:13px;font-weight:700}.pm-radio-row--sel .pm-radio-price{color:#2563eb}.pm-check-list{flex-direction:column;gap:3px;margin-top:4px;display:flex}.pm-check-row{border:1.5px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;transition:background .12s;display:flex}.pm-check-row:hover{background:var(--surface2)}.pm-check-name{color:var(--text);flex:1;font-size:13px;font-weight:500}.pm-check-price{color:var(--muted);flex-shrink:0;font-size:12.5px;font-weight:600}.pm-price-varies{color:var(--muted);background:var(--surface3);border:1px solid var(--border);white-space:nowrap;border-radius:99px;flex-shrink:0;padding:1px 7px;font-size:11px;font-weight:600}.pm-variant-price-hint{color:var(--muted);align-items:center;gap:4px;margin:4px 0 0;font-size:12px;display:flex}.pm-check-btn{background:var(--surface);width:28px;height:28px;color:var(--muted);cursor:pointer;border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;line-height:1;transition:border-color .12s,background .12s,color .12s;display:flex}.pm-check-btn:hover{color:#2563eb;border-color:#2563eb}.pm-check-btn--sel{color:#fff;background:#2563eb;border-color:#2563eb;font-size:13px}.pm-note-section{border-bottom:none}.pm-note-input{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:var(--surface);resize:none;padding:7px 10px;font-family:inherit;font-size:12.5px;line-height:1.45;transition:border-color .15s}.pm-note-input:focus{border-color:var(--blue);outline:none}.pm-note-input::placeholder{color:var(--muted)}.pm-footer{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:12px;padding:14px 20px;display:flex}.pm-qty-ctrl{background:var(--surface3);border-radius:99px;flex-shrink:0;align-items:center;gap:0;padding:4px;display:flex}.pm-qty-btn{background:var(--surface);width:32px;height:32px;color:var(--text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;line-height:1;transition:box-shadow .1s,background .1s;display:flex;box-shadow:0 1px 3px #0000001f}.pm-qty-btn:hover{box-shadow:0 2px 6px #0000002e}.pm-qty-btn:active{transform:scale(.95)}.pm-qty-val{text-align:center;min-width:32px;color:var(--text);font-size:15px;font-weight:700}.pm-add-btn{color:#fff;border-radius:var(--radius);cursor:pointer;white-space:nowrap;background:#2563eb;border:none;flex:1;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:700;transition:background .13s}.pm-add-btn:hover{background:#1d4ed8}.order-print-template{display:none}@media print{body *{visibility:hidden}.order-print-template,.order-print-template *{visibility:visible}@page{size:80mm auto;margin:0}.order-print-template{color:#000;box-sizing:border-box;background:#fff;width:300px;margin:0;padding:8px 10px 16px;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.45;display:block;position:absolute;top:0;left:0}.order-print-template .opt-divider{border:none;border-bottom:1px dashed #000;margin:8px 0}.order-print-template .opt-header{text-align:center;margin-bottom:2px}.order-print-template .opt-biz-name{color:#000;text-transform:uppercase;letter-spacing:.5px;font-size:24px;font-weight:700;line-height:1.2}.order-print-template .opt-kitchen-header{text-align:center;margin:0;padding:0}.order-print-template .opt-kitchen-num{color:#000;margin:0;font-size:20px;font-weight:700;line-height:1.2}.order-print-template .opt-kitchen-date{color:#000;margin:1px 0 0;font-size:14px;font-weight:400;line-height:1.3}.order-print-template .opt-biz-addr{color:#000;margin-top:3px;font-size:12px}.order-print-template .opt-meta{text-align:center}.order-print-template .opt-meta-date{color:#000;font-size:12px}.order-print-template .opt-meta-order{color:#000;margin:4px 0 2px;font-size:22px;font-weight:700;line-height:1.15}.order-print-template .opt-meta-origin{color:#000;font-size:13px;font-weight:700}.order-print-template .opt-client{text-align:center}.order-print-template .opt-client-name{color:#000;font-size:14px;font-weight:700}.order-print-template.is-kitchen .opt-client-name{font-size:18px}.order-print-template .opt-client-line{color:#000;font-size:12px}.order-print-template.is-kitchen .opt-client-line{font-size:14px}.order-print-template .opt-items{margin:0}.order-print-template .opt-item{margin-bottom:6px}.order-print-template.is-kitchen .opt-item{margin-bottom:10px}.order-print-template .opt-item-row{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.order-print-template .opt-item-label{color:#000;word-break:break-word;flex:1;font-size:13px;font-weight:700}.order-print-template.is-kitchen .opt-item-label{font-size:18px;line-height:1.25}.order-print-template .opt-item-price{color:#000;white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:700}.order-print-template .opt-item-mod{color:#000;padding-left:14px;font-size:11px;font-weight:400}.order-print-template.is-kitchen .opt-item-mod{padding-left:18px;font-size:14px;font-weight:700}.order-print-template .opt-item-note{color:#000;padding-left:14px;font-size:11px;font-style:italic}.order-print-template.is-kitchen .opt-item-note{padding-left:18px;font-size:13px;font-style:normal;font-weight:700}.order-print-template .opt-notes-block{border:1px solid #000;margin:2px 0;padding:5px 8px}.order-print-template .opt-notes-block--kitchen{border:2px solid #000;padding:7px 10px}.order-print-template .opt-notes-label{color:#000;letter-spacing:.3px;margin-bottom:3px;font-size:11px;font-weight:700}.order-print-template.is-kitchen .opt-notes-label{font-size:14px}.order-print-template .opt-notes-text{color:#000;word-break:break-word;font-size:12px;line-height:1.5}.order-print-template.is-kitchen .opt-notes-text{font-size:16px;font-weight:700}.order-print-template .opt-totals{margin:0}.order-print-template .opt-total-row{color:#000;justify-content:space-between;align-items:baseline;padding:1px 0;font-size:12px;display:flex}.order-print-template .opt-total-final{color:#000;justify-content:space-between;align-items:baseline;margin-top:2px;font-size:24px;font-weight:700;display:flex}.order-print-template .opt-footer{margin-top:2px}.order-print-template .opt-footer-legal{color:#000;text-align:center;margin-bottom:6px;font-size:11px;font-style:italic}.order-print-template .opt-footer-pay-row{color:#000;justify-content:space-between;padding:1px 0;font-size:12px;font-weight:700;display:flex}.order-print-template .opt-footer-thanks{text-align:center;color:#000;margin-top:8px;font-size:12px;font-weight:700}.order-print-template .opt-kitchen-footer{text-align:center;color:#000;letter-spacing:1px;font-size:16px;font-weight:700}}.detail-panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:355px;min-width:355px;height:100%;display:flex;overflow:hidden}.dp-header{border-bottom:1.5px solid;flex-shrink:0;padding:12px 14px 10px;transition:background .2s}.dp-header-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.dp-header-left{align-items:center;gap:8px;display:flex}.dp-order-num{color:var(--text);letter-spacing:-.3px;font-size:16px;font-weight:800}.dp-badge{border-radius:99px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.dp-badge--pend{color:#92400e;background:#fef3c7}.dp-badge--preparacion{color:#1d4ed8;background:#dbeafe}.dp-badge--listo{color:#065f46;background:#d1fae5}.dp-badge--finalizado{color:#374151;background:#f3f4f6}.dp-badge--cancelado{color:#991b1b;background:#fee2e2}.dp-close{color:var(--muted);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background .12s,color .12s;display:flex}.dp-close:hover{color:var(--text);background:#00000012}.dp-sched-badge{color:#92400e;cursor:pointer;white-space:nowrap;background:#fef3c7;border:1px solid #fde68a;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600;transition:background .12s}.dp-sched-badge:hover{background:#fde68a}.dp-sched-badge--empty{background:var(--surface2);border-color:var(--border);color:var(--muted)}.dp-sched-badge--empty:hover{background:var(--surface3);color:var(--text)}.dp-sched-inline{background:var(--surface2);border-top:1px solid var(--border);flex-direction:column;gap:5px;padding:7px 14px 8px;display:flex}.dp-sched-day-time-row{flex-wrap:nowrap;align-items:center;gap:5px;display:flex}.dp-sched-label{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:600}.dp-sched-sel,.dp-sched-inp{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:6px;outline:none;padding:3px 6px;font-family:inherit;font-size:11.5px;transition:border-color .12s}.dp-sched-sel:focus,.dp-sched-inp:focus{border-color:var(--blue)}.dp-sched-sel{flex:1;min-width:0;max-width:90px}.dp-sched-time{flex-shrink:0;width:90px}.dp-sched-date-inp{box-sizing:border-box;width:100%}.dp-sched-save{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.dp-sched-cancel{color:var(--muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;display:flex}.dp-header-sub{justify-content:space-between;align-items:center;display:flex}.dp-type-row{color:var(--text);align-items:center;gap:5px;font-size:13px;font-weight:600;display:flex}.dp-header-meta{color:var(--muted);font-size:11.5px}.dp-body{flex-direction:column;flex:1;display:flex;overflow-y:auto}.dp-section{border-bottom:1px solid var(--border);padding:10px 14px}.dp-section-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.dp-section-label{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-size:10.5px;font-weight:700}.dp-client-row{align-items:flex-start;gap:8px;display:flex}.dp-client-row svg{color:var(--muted);flex-shrink:0;margin-top:3px}.dp-client-name{color:var(--text);font-size:13.5px;font-weight:600;display:block}.dp-client-phone,.dp-client-addr{color:var(--muted);margin-top:1px;font-size:12px;display:block}.dp-add-products-btn{border:1px solid var(--blue);color:var(--blue);cursor:pointer;background:0 0;border-radius:6px;padding:2px 9px;font-size:11.5px;font-weight:600;transition:background .12s}.dp-add-products-btn:hover{background:#eff6ff}.dp-no-items{color:var(--muted);margin:0;font-size:12.5px}.dp-items{flex-direction:column;gap:5px;display:flex}.dp-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface2);align-items:flex-start;gap:8px;padding:8px 10px;display:flex;position:relative}.dp-item:hover .dp-item-actions{opacity:1}.dp-item-qty{color:var(--muted);flex-shrink:0;min-width:22px;font-size:13px;font-weight:700}.dp-item-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.dp-item-name{color:var(--text);font-size:13px;font-weight:600}.dp-item-variant{color:var(--muted);font-size:11.5px}.dp-item-mods{color:var(--muted);font-size:11px;font-style:italic}.dp-item-extra-lbl{color:#374151;font-style:normal;font-weight:600}.dp-item-note{color:var(--muted);font-size:11px;font-style:italic}.dp-item-price{color:var(--text);white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:700}.dp-item-actions{opacity:0;flex-shrink:0;align-items:center;gap:2px;transition:opacity .15s;display:flex}.dp-item-action{cursor:pointer;width:24px;height:24px;color:var(--muted);background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;font-size:13px;transition:background .12s,color .12s;display:flex}.dp-item-action--edit:hover{color:#2563eb;background:#eff6ff}.dp-item-action--remove:hover{color:#dc2626;background:#fef2f2}.dp-comments-input{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:var(--surface);resize:none;margin-top:6px;padding:7px 10px;font-family:inherit;font-size:12.5px;line-height:1.45;transition:border-color .15s}.dp-comments-input:focus{border-color:var(--blue);outline:none}.dp-comments-input:read-only{background:var(--surface2);color:var(--muted);cursor:default}.dp-charges-section .dp-section-label,.dp-discount-section .dp-section-label{margin-bottom:8px;display:block}.dp-charge-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;display:flex}.dp-charge-row:last-child{margin-bottom:0}.dp-charge-lbl{color:var(--text);flex:1;font-size:12.5px}.dp-charge-input-wrap{align-items:center;display:flex;position:relative}.dp-charge-input-wrap--tip{gap:6px;position:static}.dp-charge-pfx{color:var(--muted);pointer-events:none;z-index:1;font-size:12px;font-weight:600;position:absolute;left:8px}.dp-charge-sfx{color:var(--muted);pointer-events:none;font-size:12px;font-weight:600;position:absolute;right:8px}.dp-charge-inp{border:1px solid var(--border);border-radius:var(--radius);width:90px;color:var(--text);background:var(--surface);text-align:right;padding:5px 8px 5px 22px;font-size:12.5px;transition:border-color .15s}.dp-charge-inp--dollar{padding-left:22px}.dp-charge-inp:not(.dp-charge-inp--dollar){padding-left:8px;padding-right:22px}.dp-charge-inp:focus{border-color:var(--blue);outline:none}.dp-mode-toggle{border:1px solid var(--border);border-radius:6px;flex-shrink:0;display:flex;overflow:hidden}.dp-mode-toggle button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px 9px;font-size:12px;font-weight:600;transition:background .12s,color .12s}.dp-mode-toggle button:first-child{border-right:1px solid var(--border)}.dp-mode-toggle button.active{background:var(--blue);color:#fff}.dp-totals-section{background:var(--surface2)}.dp-total-row{color:var(--muted);justify-content:space-between;align-items:center;padding:2px 0;font-size:12.5px;display:flex}.dp-total-row--discount{color:var(--success);font-weight:600}.dp-total-row--charge{color:var(--text)}.dp-total-divider{border:none;border-top:1px solid var(--border);margin:5px 0}.dp-total-row--final{color:var(--text);padding-top:4px;font-size:14.5px;font-weight:800}.dp-payment-methods{margin-top:10px}.dp-paid-row{align-items:center;gap:8px;display:flex}.dp-payment-method-label{color:var(--text);font-size:13px;font-weight:600}.dp-paid-badge{color:#065f46;background:#d1fae5;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.dp-method-btns{flex-wrap:wrap;gap:6px;display:flex}.dp-method-chip{border:1.5px solid var(--border);color:var(--muted);background:var(--surface);cursor:pointer;border-radius:99px;padding:4px 11px;font-size:11.5px;font-weight:600;transition:border-color .12s,color .12s,background .12s}.dp-method-chip:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.dp-method-chip--active{color:#2563eb;background:#eff6ff;border-color:#2563eb;font-weight:700}.dp-footer{border-top:1.5px solid var(--border);background:var(--surface);flex-wrap:wrap;flex-shrink:0;gap:6px;padding:10px 14px;display:flex}.dp-btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;text-align:center;flex:1;min-width:80px;padding:8px 6px;font-size:12.5px;font-weight:700;transition:background .13s,opacity .13s}.dp-btn--cancel{color:#dc2626;background:0 0;border:1.5px solid #fca5a5}.dp-btn--cancel:hover{background:#fee2e2}.dp-btn--pay{color:#2563eb;background:0 0;border:1.5px solid #93c5fd}.dp-btn--pay:hover{background:#eff6ff}.dp-btn--accept{color:#fff;background:#16a34a;border:1.5px solid #16a34a}.dp-btn--accept:hover{background:#15803d}.dp-btn--prep{color:#fff;background:#2563eb;border:1.5px solid #2563eb}.dp-btn--prep:hover{background:#1d4ed8}.dp-btn--finish{color:#fff;background:#374151;border:1.5px solid #374151}.dp-btn--finish:hover{background:#1f2937}.dp-btn--quickpay{color:#fff;background:linear-gradient(135deg,#2563eb,#16a34a);border:none;flex-basis:100%}.dp-btn--quickpay:hover{opacity:.9}.dp-btn--delete{border:1px solid var(--border);color:var(--muted);background:0 0;flex-basis:100%;font-size:12px;font-weight:600}.dp-btn--delete:hover{border-color:var(--danger);color:var(--danger)}.dp-type-edit-btn{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:1px 3px;font-size:13px;line-height:1;transition:opacity .12s}.dp-type-edit-btn:hover{opacity:1}.dp-type-editor{background:var(--surface2);border-bottom:1.5px solid var(--border);flex-direction:column;flex-shrink:0;gap:10px;padding:12px 14px;display:flex}.dp-te-title{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-size:11px;font-weight:700}.dp-te-row{flex-direction:column;gap:4px;display:flex}.dp-te-label{color:var(--muted);font-size:11.5px;font-weight:600}.dp-te-select,.dp-te-input{box-sizing:border-box;border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface);border-radius:7px;outline:none;padding:6px 9px;font-family:inherit;font-size:13px;transition:border-color .12s}.dp-te-select:focus,.dp-te-input:focus{border-color:var(--blue)}.dp-te-input--time{width:auto}.dp-te-radios{flex-direction:column;gap:5px;display:flex}.dp-te-radio{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12.5px;display:flex}.dp-te-radio input[type=radio]{accent-color:var(--blue);cursor:pointer}.dp-te-sched-fields{flex-direction:column;gap:6px;display:flex}.dp-te-day-time-row{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.dp-te-sched-lbl{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:600}.dp-te-select--day{flex:1;min-width:0;max-width:100px}.dp-te-actions{gap:8px;display:flex}.dp-te-btn{cursor:pointer;border-radius:7px;flex:1;padding:7px 10px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .12s,color .12s}.dp-te-btn--cancel{border:1.5px solid var(--border);color:var(--muted);background:0 0}.dp-te-btn--cancel:hover{border-color:var(--danger);color:var(--danger)}.dp-te-btn--save{color:#fff;background:#16a34a;border:none}.dp-te-btn--save:hover{background:#15803d}.dp-client-edit-btn{cursor:pointer;color:var(--muted);opacity:.6;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-self:flex-start;padding:2px 4px;font-size:13px;transition:opacity .12s,background .12s}.dp-client-edit-btn:hover{opacity:1;background:var(--surface2)}.dp-client-editor{flex-direction:column;gap:8px;display:flex}.dp-ce-field{flex-direction:column;gap:4px;display:flex}.dp-ce-phone-row{border:1px solid var(--border);background:var(--surface);border-radius:7px;transition:border-color .12s;display:flex;overflow:hidden}.dp-ce-phone-row:focus-within{border-color:var(--blue)}.dp-ce-prefix{color:var(--muted);border-right:1px solid var(--border);background:var(--surface2);white-space:nowrap;flex-shrink:0;padding:6px 8px;font-size:12px;font-weight:600}.dp-ce-input{box-sizing:border-box;border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface);border-radius:7px;outline:none;padding:6px 9px;font-family:inherit;font-size:13px;transition:border-color .12s}.dp-ce-input:focus{border-color:var(--blue)}.dp-ce-phone-row .dp-ce-input{border:none;border-radius:0;flex:1}.dp-ce-phone-row .dp-ce-input:focus{border-color:#0000}.dp-ce-addr-btn{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);cursor:pointer;text-align:left;border-radius:7px;justify-content:space-between;align-items:center;padding:6px 9px;font-family:inherit;font-size:13px;transition:border-color .12s;display:flex}.dp-ce-addr-btn:hover{border-color:var(--blue)}.dp-ce-suggestions{background:var(--surface);border:1px solid var(--border);z-index:60;border-radius:8px;max-height:200px;position:absolute;top:calc(100% + 3px);left:0;right:0;overflow:hidden auto;box-shadow:0 6px 20px #00000021}.dp-ce-sug-new{color:var(--text);cursor:pointer;border-bottom:1px solid var(--border);background:var(--surface2);justify-content:space-between;align-items:center;gap:6px;padding:8px 10px;font-size:12.5px;font-weight:600;transition:background .1s;display:flex}.dp-ce-sug-new:hover{background:#eff6ff}.dp-ce-sug-new-lbl{color:#2563eb;white-space:nowrap;background:#dbeafe;border-radius:99px;flex-shrink:0;padding:1px 6px;font-size:10.5px;font-weight:700}.dp-ce-sug-sep{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);background:var(--surface2);border-bottom:1px solid var(--border);padding:3px 10px;font-size:10px;font-weight:700}.dp-ce-sug-item{cursor:pointer;border-bottom:1px solid var(--border);padding:7px 10px;transition:background .1s}.dp-ce-sug-item:last-child{border-bottom:none}.dp-ce-sug-item:hover,.dp-ce-sug-item--sel{background:#eff6ff}.dp-ce-sug-name{color:var(--text);font-size:12.5px;font-weight:600}.dp-ce-sug-meta{color:var(--muted);margin-top:1px;font-size:11px}.dp-ce-actions{gap:6px;margin-top:4px;display:flex}.dp-ce-btn{cursor:pointer;border-radius:7px;flex:1;padding:7px 10px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background .12s,color .12s}.dp-ce-btn--cancel{border:1.5px solid var(--border);color:var(--muted);background:0 0}.dp-ce-btn--cancel:hover{border-color:var(--danger);color:var(--danger)}.dp-ce-btn--save{color:#fff;background:#2563eb;border:none}.dp-ce-btn--save:hover{background:#1d4ed8}.dp-header-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.dp-print-wrap{position:relative}.dp-print-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:background .12s,color .12s;display:flex}.dp-print-btn:hover{color:var(--text);background:#00000012}.dp-print-popover{background:var(--surface);border:1px solid var(--border);z-index:200;border-radius:8px;flex-direction:column;min-width:180px;display:flex;position:absolute;top:calc(100% + 5px);right:0;overflow:hidden;box-shadow:0 8px 24px #00000021}.dp-print-option{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .12s;display:flex}.dp-print-option:not(:last-child){border-bottom:1px solid var(--border)}.dp-print-option:hover{background:var(--surface2)}.otm-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:16px;animation:.15s otm-fade-in;display:flex;position:fixed;inset:0}@keyframes otm-fade-in{0%{opacity:0}to{opacity:1}}.otm-modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:410px;animation:.18s otm-slide-up;overflow:hidden}@keyframes otm-slide-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.otm-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.otm-header-text{align-items:baseline;gap:6px;display:flex}.otm-title{color:var(--text);font-size:15px;font-weight:700}.otm-title-sep{color:var(--muted);font-size:14px;font-weight:300}.otm-title-sub{color:var(--muted);font-size:14px;font-weight:500}.otm-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;line-height:1;transition:background .12s,color .12s;display:flex}.otm-close:hover{background:var(--surface3);color:var(--text)}.otm-grid{grid-template-columns:1fr 1fr;gap:10px;padding:16px 20px 20px;display:grid}.otm-card{border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .14s,background .14s,transform .1s,box-shadow .14s;display:flex;position:relative}.otm-card:hover{background:#eff6ff;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb1a}.otm-card:active{transform:scale(.98)}.otm-card--span2{grid-column:1/-1}.otm-card--flash{background:#f0fdf4;border-color:#10b981}.otm-card--flash:hover{background:#ecfdf5;border-color:#059669;box-shadow:0 4px 12px #10b9811f}.otm-card-icon{flex-shrink:0;font-size:26px;line-height:1}.otm-card--span2 .otm-card-icon{font-size:30px}.otm-card-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.otm-card-label{color:var(--text);font-size:14px;font-weight:700;line-height:1.2}.otm-card--span2 .otm-card-label{font-size:15px}.otm-card-sub{color:var(--muted);font-size:11.5px;font-weight:400}.otm-card-badge{color:#fff;letter-spacing:.4px;text-transform:uppercase;background:#10b981;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:10px;right:32px}.otm-card-arrow{color:var(--muted);flex-shrink:0;font-size:20px;line-height:1;transition:color .14s,transform .14s}.otm-card:hover .otm-card-arrow{color:#2563eb;transform:translate(2px)}.otm-card--flash:hover .otm-card-arrow{color:#059669}.obm-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:16px;animation:.15s obm-fade;display:flex;position:fixed;inset:0}@keyframes obm-fade{0%{opacity:0}to{opacity:1}}.obm-modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:960px;height:620px;animation:.18s obm-slide;display:flex;overflow:hidden}@keyframes obm-slide{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.obm-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.obm-header-left{align-items:center;gap:7px;display:flex}.obm-title{color:var(--text);font-size:15px;font-weight:700}.obm-sep{color:var(--muted);font-weight:300}.obm-num{color:var(--text);font-size:15px;font-weight:700}.obm-type-tag{color:var(--muted);background:var(--surface3);border:1px solid var(--border);border-radius:99px;padding:2px 9px;font-size:12px;font-weight:600}.obm-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;line-height:1;transition:background .12s,color .12s;display:flex}.obm-close:hover{background:var(--surface3);color:var(--text)}.obm-body{flex:1;display:flex;overflow:hidden}.obm-cats{border-right:1px solid var(--border);flex-direction:column;gap:2px;width:175px;min-width:175px;padding:8px;display:flex;overflow-y:auto}.obm-cat-btn{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:500;transition:background .12s,color .12s,border-color .12s;display:flex}.obm-cat-emoji{flex-shrink:0;font-size:16px;line-height:1}.obm-cat-btn:hover{background:var(--surface2)}.obm-cat-btn--active{color:#2563eb;background:#eff6ff;border-left-color:#2563eb;font-weight:700}.obm-cat-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.obm-cat-count{color:var(--muted);background:var(--surface3);border:1px solid var(--border);border-radius:99px;flex-shrink:0;padding:1px 6px;font-size:11px}.obm-cat-btn--active .obm-cat-count{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.obm-products{border-right:1px solid var(--border);flex:1;padding:10px;overflow-y:auto}.obm-no-products{color:var(--muted);text-align:center;padding:40px 0;font-size:13px}.obm-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.obm-prod-card{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;flex-direction:column;align-items:stretch;transition:border-color .12s,box-shadow .12s;display:flex;position:relative;overflow:visible}.obm-prod-card:hover{border-color:#93c5fd;box-shadow:0 2px 8px #2563eb17}.obm-prod-thumb{background:var(--surface3);border-radius:9px 9px 0 0;flex-shrink:0;justify-content:center;align-items:center;height:120px;font-size:42px;display:flex;overflow:hidden}.obm-prod-thumb img{object-fit:cover;width:100%;height:100%}.obm-prod-name{color:var(--text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;padding:5px 8px 2px;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.obm-prod-price{background:var(--surface2);border:1.5px solid var(--border);color:#2563eb;text-align:center;border-radius:6px;margin:3px 7px 7px;padding:4px 6px;font-size:12px;font-weight:700;transition:background .12s,border-color .12s}.obm-prod-card:hover .obm-prod-price{background:#eff6ff;border-color:#93c5fd}.obm-prod-price--multi{color:var(--muted);font-size:11px}.obm-variant-picker{background:var(--surface);border:1px solid var(--border);z-index:20;border-radius:8px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 4px 16px #00000021}.obm-variant-pick-btn{border:none;border-bottom:1px solid var(--border);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:8px 11px;font-family:inherit;font-size:12px;transition:background .1s;display:flex}.obm-variant-pick-btn:last-child{border-bottom:none}.obm-variant-pick-btn:hover{background:#eff6ff}.obm-variant-pick-btn span:first-child{color:var(--text);font-weight:500}.obm-variant-pick-btn span:last-child{color:#2563eb;font-weight:700}.obm-summary{flex-direction:column;width:300px;min-width:300px;display:flex;overflow:hidden}.obm-search-wrap{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:7px;padding:9px 12px;display:flex}.obm-search{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:13px}.obm-search::placeholder{color:var(--muted)}.obm-search-clear{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 3px;font-size:13px;line-height:1}.obm-search-clear:hover{color:var(--text)}.obm-client-section{border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:6px;padding:10px 12px;display:flex}.obm-section-label{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);align-items:center;gap:6px;margin-bottom:2px;font-size:10.5px;font-weight:700;display:flex}.obm-items-badge{color:#1d4ed8;background:#dbeafe;border-radius:99px;padding:1px 7px;font-size:10.5px;font-weight:700}.obm-phone-row{border:1px solid var(--border);background:var(--surface);border-radius:7px;align-items:center;transition:border-color .12s;display:flex;overflow:hidden}.obm-phone-row:focus-within{border-color:#2563eb}.obm-phone-prefix{color:var(--muted);border-right:1px solid var(--border);background:var(--surface2);white-space:nowrap;flex-shrink:0;padding:6px 8px;font-size:12px;font-weight:600}.obm-phone-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:6px 8px;font-family:inherit;font-size:13px}.obm-phone-input::placeholder{color:var(--muted)}.obm-input{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface);box-sizing:border-box;resize:none;border-radius:7px;outline:none;padding:6px 9px;font-family:inherit;font-size:13px;transition:border-color .12s}.obm-input:focus{border-color:#2563eb}.obm-input::placeholder{color:var(--muted)}.obm-note{min-height:48px}.obm-item-note{color:var(--muted);font-size:11px;font-style:italic}.obm-note-section{border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:5px;padding:8px 12px;display:flex}.obm-items-divider{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:7px 12px 4px;font-size:10.5px;font-weight:700;display:flex}.obm-scheduled-section{border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:7px;padding:8px 12px;display:flex}.obm-sched-toggle{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-size:12.5px;font-weight:600;display:flex}.obm-sched-toggle input[type=checkbox]{width:14px;height:14px;accent-color:var(--blue);cursor:pointer}.obm-sched-fields{flex-direction:column;gap:6px;display:flex}.obm-sched-day-row{gap:5px;display:flex}.obm-sched-day-btn{border:1.5px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:7px;flex:1;padding:5px 4px;font-family:inherit;font-size:11.5px;font-weight:600;transition:border-color .12s,color .12s,background .12s}.obm-sched-day-btn.active{border-color:var(--blue);color:var(--blue);background:#eff6ff}.obm-sched-date,.obm-sched-time{font-size:13px}.obm-items-list{flex-direction:column;flex:1;gap:5px;padding:10px 12px;display:flex;overflow-y:auto}.obm-items-empty{color:var(--muted);text-align:center;padding:20px 0;font-size:12.5px}.obm-item-row{border:1px solid var(--border);background:var(--surface2);border-radius:7px;align-items:center;gap:5px;padding:5px 7px;display:flex}.obm-item-qty{color:var(--muted);flex-shrink:0;min-width:20px;font-size:12px;font-weight:700}.obm-item-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.obm-item-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.obm-item-variant{color:var(--muted);font-size:11px}.obm-item-mods{color:var(--muted);font-size:11px;font-style:italic}.obm-item-extra-lbl{color:#374151;font-style:normal;font-weight:600}.obm-item-total{color:var(--text);white-space:nowrap;flex-shrink:0;font-size:12.5px;font-weight:700}.obm-item-remove{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:17px;line-height:1;transition:color .1s}.obm-item-remove:hover{color:#dc2626}.obm-footer{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:9px;padding:10px 12px 12px;display:flex}.obm-total-row{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.obm-total-amount{color:var(--text);font-size:19px;font-weight:800}.obm-confirm-btn{color:#fff;border-radius:var(--radius);cursor:pointer;background:#2563eb;border:none;width:100%;padding:10px;font-family:inherit;font-size:14px;font-weight:700;transition:background .13s}.obm-confirm-btn:hover:not(:disabled){background:#1d4ed8}.obm-confirm-btn:disabled{opacity:.4;cursor:not-allowed}.obm-ac-wrap{position:relative}.obm-suggestions{background:var(--surface);border:1px solid var(--border);z-index:50;border-radius:8px;max-height:240px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden auto;box-shadow:0 6px 20px #0000001f}.obm-sug-new{color:var(--text);cursor:pointer;border-bottom:1px solid var(--border);background:var(--surface2);justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:600;transition:background .12s;display:flex}.obm-sug-new:hover{background:#eff6ff}.obm-sug-new-label{color:#2563eb;white-space:nowrap;background:#dbeafe;border-radius:99px;padding:2px 7px;font-size:11px;font-weight:700}.obm-sug-sep{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);background:var(--surface2);border-bottom:1px solid var(--border);padding:4px 12px;font-size:10.5px;font-weight:700}.obm-sug-item{cursor:pointer;border-bottom:1px solid var(--border);padding:8px 12px;transition:background .1s}.obm-sug-item:last-child{border-bottom:none}.obm-sug-item:hover,.obm-sug-item--selected{background:#eff6ff}.obm-sug-name{color:var(--text);font-size:13px;font-weight:600}.obm-sug-meta{color:var(--muted);margin-top:2px;font-size:11.5px}.obm-sug-seg{color:#1d4ed8;font-weight:600}.obm-addr-dropdown-btn{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);cursor:pointer;text-align:left;border-radius:7px;justify-content:space-between;align-items:center;padding:7px 10px;font-family:inherit;font-size:13px;transition:border-color .12s;display:flex}.obm-addr-dropdown-btn:hover{border-color:#2563eb}.obm-addr-chevron{color:var(--muted);flex-shrink:0;font-size:10px}.obm-suggestions--addr{top:calc(100% + 2px)}.obm-delivery-calc{flex-direction:column;gap:4px;margin-top:5px;font-size:12px;font-weight:500;display:flex}.obm-calc-loading{color:#2563eb;align-items:center;gap:6px;font-style:italic;display:flex}.obm-calc-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;flex-direction:column;gap:6px;padding:6px 8px;display:flex}.obm-calc-error-msg{font-weight:600}.obm-calc-success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.obm-delivery-input-row{align-items:center;gap:6px;display:flex}.obm-delivery-input{border:1px solid #fca5a5;border-radius:4px;outline:none;width:80px;padding:4px 6px;font-size:12px}.obm-delivery-input:focus{border-color:#dc2626}.paym-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:16px;animation:.15s paym-fade;display:flex;position:fixed;inset:0}@keyframes paym-fade{0%{opacity:0}to{opacity:1}}.paym-modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:410px;animation:.18s paym-slide;display:flex;overflow:hidden}@keyframes paym-slide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.paym-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px 14px;display:flex}.paym-title{color:var(--text);font-size:15px;font-weight:700}.paym-num{color:var(--muted);font-weight:500}.paym-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;line-height:1;transition:background .12s,color .12s;display:flex}.paym-close:hover{background:var(--surface3);color:var(--text)}.paym-body{flex-direction:column;gap:18px;padding:20px 20px 4px;display:flex}.paym-total-block{flex-direction:column;align-items:center;gap:4px;padding:18px 0 14px;display:flex}.paym-total-label{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:13px;font-weight:500}.paym-total-amount{color:var(--text);letter-spacing:-.5px;font-size:28px;font-weight:800}.paym-methods{gap:8px;display:flex}.paym-method-btn{border:2px solid var(--border);background:var(--surface2);cursor:pointer;color:var(--muted);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:5px;padding:11px 8px;font-family:inherit;font-size:12px;font-weight:600;transition:border-color .13s,background .13s,color .13s;display:flex}.paym-method-btn:hover{color:var(--text);background:var(--surface);border-color:#0003}.paym-method-btn--active{color:#2563eb;background:#eff6ff;border-color:#2563eb}.paym-method-emoji{font-size:20px;line-height:1}.paym-cash-section{flex-direction:column;gap:7px;padding-bottom:4px;display:flex}.paym-field-label{color:var(--muted);font-size:12.5px;font-weight:600}.paym-cash-input-wrap{align-items:center;display:flex;position:relative}.paym-cash-prefix{color:var(--muted);pointer-events:none;z-index:1;font-size:14px;font-weight:700;position:absolute;left:11px}.paym-cash-input{border:1.5px solid var(--border);width:100%;color:var(--text);background:var(--surface);box-sizing:border-box;border-radius:8px;outline:none;padding:10px 12px 10px 26px;font-family:inherit;font-size:16px;font-weight:700;transition:border-color .12s}.paym-cash-input:focus{border-color:#2563eb}.paym-cash-input::placeholder{color:var(--muted);font-size:14px;font-weight:400}.paym-cash-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.paym-cash-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.paym-cash-input[type=number]{-moz-appearance:textfield}.paym-change{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:7px;padding:8px 12px;font-size:13.5px;font-weight:500}.paym-change strong{font-weight:800}.paym-change--insuf{color:#dc2626;background:#fef2f2;border-color:#fecaca}.paym-footer{padding:16px 20px 18px}.paym-confirm-btn{color:#fff;border-radius:var(--radius);cursor:pointer;background:#16a34a;border:none;width:100%;padding:13px;font-family:inherit;font-size:15px;font-weight:700;transition:background .13s}.paym-confirm-btn:hover{background:#15803d}.pdv-page{background:var(--surface3);flex-direction:column;height:100vh;display:flex;overflow:hidden}.pdv-content{flex:1;display:flex;overflow:hidden}.pdv-list-area{background:var(--surface);flex-direction:column;flex:1;display:flex;overflow:hidden}.pdv-empty-cta{justify-content:center;padding-bottom:32px;display:flex}.sfd-overlay{z-index:300;background:#00000073;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;inset:0}.sfd-drawer{background:var(--surface);flex-direction:column;width:380px;animation:.2s sfd-slide-in;display:flex;box-shadow:-4px 0 24px #0000002e}@keyframes sfd-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.sfd-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sfd-title{color:var(--text,#111);font-size:16px;font-weight:700}.sfd-header-actions{align-items:center;gap:8px;display:flex}.sfd-clear-btn{color:var(--brand);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;transition:background .14s}.sfd-clear-btn:hover{background:#0000000d}.sfd-close-btn{background:var(--surface2);cursor:pointer;width:28px;height:28px;color:var(--muted);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:background .14s;display:flex}.sfd-close-btn:hover{background:var(--surface3)}.sfd-body{flex:1;display:flex;overflow:hidden}.sfd-cats{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:148px;padding:8px 0;display:flex;overflow-y:auto}.sfd-cat-btn{cursor:pointer;text-align:left;color:var(--muted);background:0 0;border:none;border-left:3px solid #0000;justify-content:space-between;align-items:center;gap:6px;padding:10px 14px;font-size:13px;transition:background .12s,color .12s;display:flex}.sfd-cat-btn:hover{background:var(--surface2);color:var(--text,#111)}.sfd-cat-btn--active{background:var(--surface2);color:var(--text,#111);border-left-color:var(--brand);font-weight:600}.sfd-cat-label{flex:1}.sfd-cat-badge{background:var(--brand);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:flex}.sfd-options{flex-direction:column;flex:1;gap:2px;padding:12px 16px;display:flex;overflow-y:auto}.sfd-opt-row{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:9px 8px;transition:background .12s;display:flex}.sfd-opt-row:hover{background:var(--surface2)}.sfd-checkbox{width:16px;height:16px;accent-color:var(--brand);cursor:pointer;flex-shrink:0}.sfd-opt-label{color:var(--text,#111);font-size:13.5px}.sfd-footer{border-top:1px solid var(--border);flex-shrink:0;padding:14px 20px}.sfd-apply-btn{background:var(--brand);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;padding:10px;font-size:14px;font-weight:600;transition:opacity .14s}.sfd-apply-btn:hover{opacity:.9}.hdd-overlay{z-index:1040;background:#0006;justify-content:flex-end;animation:.2s ease-out hddFadeIn;display:flex;position:fixed;inset:0}@keyframes hddFadeIn{0%{opacity:0}to{opacity:1}}.hdd-drawer{background:var(--surface);z-index:1050;flex-direction:column;width:400px;height:100vh;animation:.3s cubic-bezier(.16,1,.3,1) hddSlideIn;display:flex;position:fixed;top:0;right:0;box-shadow:-5px 0 15px #0000001a}@keyframes hddSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.hdd-header{background:var(--surface);color:var(--text);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.hdd-header-left{align-items:center;gap:10px;display:flex}.hdd-header-num{font-size:18px;font-weight:700}.hdd-badge-type,.hdd-badge-status{background:var(--surface2);color:var(--text);border:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;border-radius:99px;padding:3px 8px;font-size:11px;font-weight:600}.hdd-close-btn{background:var(--surface2);color:var(--text);cursor:pointer;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .2s,border-color .2s;display:flex}.hdd-close-btn:hover{background:var(--surface3);border-color:var(--border)}.hdd-subheader{background:var(--surface2);color:var(--muted);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:10px 20px;font-size:12px;display:flex}.hdd-sh-div{color:var(--border)}.hdd-subheader--payment{justify-content:space-between}.hdd-sh-total-wrap{align-items:center;gap:8px;display:flex}.hdd-sh-total-lbl{color:var(--text);font-weight:600}.hdd-sh-total-val{color:var(--text);font-size:18px;font-weight:700}.hdd-body{flex:1;padding:20px;overflow-y:auto}.hdd-client-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;margin-bottom:24px;padding:14px;display:flex}.hdd-client-icon{background:var(--surface2);color:var(--muted);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.hdd-client-info{flex-direction:column;display:flex}.hdd-client-name{color:var(--text);font-size:14px;font-weight:600}.hdd-client-phone{color:var(--muted);font-size:13px}.hdd-client-addr{color:var(--text);margin-top:4px;font-size:13px}.hdd-items-section{flex-direction:column;display:flex}.hdd-items-header{background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 14px;font-size:13px;font-weight:700;display:flex}.hdd-kitchen-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);cursor:pointer;padding:4px 10px;font-size:11px;font-weight:600;transition:background .15s}.hdd-kitchen-btn:hover{background:var(--surface3)}.hdd-items-list{flex-direction:column;gap:16px;display:flex}.hdd-item{border-bottom:1px dashed var(--border);flex-direction:column;gap:4px;padding-bottom:16px;display:flex}.hdd-item:last-child{border-bottom:none;padding-bottom:0}.hdd-item-main{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.hdd-item-left{align-items:flex-start;gap:8px;display:flex}.hdd-item-qty{color:var(--muted);font-size:14px;font-weight:700}.hdd-item-name{color:var(--text);font-size:14px;font-weight:600}.hdd-item-total{color:var(--text);white-space:nowrap;font-size:14px;font-weight:700}.hdd-item-meta{color:var(--muted);flex-direction:column;padding-left:20px;font-size:12px;display:flex}.hdd-item-variant{font-weight:500}.hdd-payment-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:14px;display:flex}.hdd-payment-card-left{flex-direction:column;gap:4px;display:flex}.hdd-payment-method{color:var(--text);font-size:14px;font-weight:600}.hdd-payment-date{color:var(--muted);font-size:12px}.hdd-payment-card-right{align-items:center;gap:12px;display:flex}.hdd-payment-amount{color:var(--text);font-size:15px;font-weight:700}.hdd-payment-actions-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:16px;line-height:1}.hdd-payment-actions-btn:hover{color:var(--text)}.hdd-payment-actions{position:relative}.hdd-payment-menu-overlay{z-index:1045;background:0 0;position:fixed;inset:0}.hdd-payment-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:1050;min-width:120px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.hdd-payment-menu-btn{text-align:left;width:100%;color:var(--danger,#dc2626);cursor:pointer;background:0 0;border:none;padding:10px 14px;font-size:13px;font-weight:600;transition:background .15s;display:block}.hdd-payment-menu-btn:hover{background:#dc26260d}.hdd-footer{border-top:1px solid var(--border);background:var(--surface2);flex-direction:column;flex-shrink:0;gap:12px;padding:20px;display:flex}.hdd-footer-subtotal{color:var(--muted);justify-content:space-between;font-size:14px;font-weight:500;display:flex}.hdd-footer-total-row{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.hdd-paid-badge{border:1px solid #0000;border-radius:99px;align-items:center;padding:4px 12px;font-size:14px;font-weight:700;display:inline-flex}.hdd-paid-badge--sm{padding:2px 8px;font-size:12px}.hdd-paid-badge--yes{color:var(--success,#16a34a);background:#16a34a1a;border-color:#16a34a33}.hdd-paid-badge--no{color:var(--danger,#dc2626);background:#dc26261a;border-color:#dc262633}.hdd-total-val{color:var(--text);font-size:24px;font-weight:700}.hdd-footer-method{color:var(--muted);text-align:right;margin-bottom:8px;font-size:13px}.hdd-footer-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hdd-btn{border-radius:var(--radius);text-align:center;cursor:pointer;border:none;padding:10px;font-size:13px;font-weight:600;transition:opacity .15s}.hdd-btn:hover{opacity:.9}.hdd-btn-secondary{background:var(--surface);border:1px solid var(--border);color:var(--text)}.hdd-btn-primary{color:#fff;background:#2563eb}.hdd-add-payment-btn{color:#2563eb;border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #2563eb;width:100%;padding:10px;font-size:13px;font-weight:600;transition:background .15s}.hdd-add-payment-btn:hover{background:#2563eb0d}.hp-page{background:var(--surface2,#f5f5f5);flex-direction:column;height:100%;display:flex;overflow:hidden}.hp-top-toolbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.hp-tt-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hp-date-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface2);color:var(--text,#111);cursor:pointer;padding:6px 10px;font-size:13px}.hp-date-input:focus{border-color:var(--brand);outline:none}.hp-tt-sep{color:var(--muted);font-weight:500}.hp-select-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface) url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"></polyline></svg>") no-repeat right 8px center;appearance:none;color:var(--text);cursor:pointer;padding:6px 30px 6px 10px;font-size:13px}.hp-select-input:focus{border-color:var(--brand);outline:none}.hp-tt-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hp-sub-toolbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.hp-st-filters{align-items:center;gap:10px;display:flex}.hp-icon-filter{color:var(--muted);transition:color .15s}.hp-icon-filter:hover{color:var(--text)}.hp-icon-filter.active{color:var(--brand)}.hp-pill{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:99px;padding:4px 14px;font-size:12.5px;font-weight:500;transition:background .12s,color .12s,border-color .12s}.hp-pill:hover{background:var(--surface3)}.hp-pill--active{background:var(--brand);color:#fff;border-color:var(--brand)}.hp-st-spacer{flex:1}.hp-resumen-btn{border-radius:var(--radius);font-weight:600}.hp-st-summary{color:var(--text);border-left:1px solid var(--border);align-items:center;gap:12px;padding-left:12px;font-size:14px;font-weight:500;display:flex}.hp-st-total{color:var(--brand);font-weight:700}.hp-content{flex-direction:column;flex:1;padding:16px;display:flex;overflow:hidden}.hp-grid-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;flex:1;display:flex;overflow:hidden}.hp-grid-header{background:var(--surface2);border-bottom:1px solid var(--border);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;grid-template-columns:140px 140px 220px 1fr 160px 120px;align-items:center;padding:12px 16px;font-size:11px;font-weight:700;display:grid}.hp-grid-body{flex:1;overflow-y:auto}.hp-empty{height:200px;color:var(--muted);justify-content:center;align-items:center;font-size:14px;display:flex}.hp-grid-row{border-bottom:1px solid var(--border);grid-template-columns:140px 140px 220px 1fr 160px 120px;align-items:stretch;transition:background .1s;display:grid}.hp-grid-row:hover{background:var(--surface2)}.hp-grid-row:last-child{border-bottom:none}.hp-row--deleted{opacity:.55}.hp-row--cancelled .hp-text-main,.hp-row--cancelled .hp-text-bold{color:var(--muted);text-decoration:line-through}.hp-cell-col{flex-direction:column;justify-content:center;gap:4px;min-width:0;padding:10px 16px;display:flex}.hp-col-right{text-align:right;align-items:flex-end}.hp-row-num{color:var(--text);font-size:14px;font-weight:700}.hp-text-main{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.hp-text-muted{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.hp-text-bold{color:var(--text);font-size:14px;font-weight:700}.hp-paid-status{padding-bottom:2px;font-size:12px;font-weight:600;display:inline-block}.hp-paid-status.is-paid{color:var(--success)}.hp-paid-status.is-unpaid{color:var(--danger)}.hp-status-badge{white-space:nowrap;border-radius:99px;align-items:center;width:fit-content;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.hp-status--pend{color:#92400e;background:#fef3c7}.hp-status--preparacion{color:#1d4ed8;background:#dbeafe}.hp-status--listo{color:#065f46;background:#d1fae5}.hp-status--finalizado{color:#374151;background:#f3f4f6}.hp-status--cancelado{color:#991b1b;background:#fee2e2}.hp-footer{background:var(--surface);border-top:1px solid var(--border);color:var(--muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;display:flex}.hp-footer-left,.hp-footer-right{align-items:center;gap:12px;display:flex}.hp-select-sm{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface) url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"></polyline></svg>") no-repeat right 6px center;appearance:none;color:var(--text);cursor:pointer;padding:4px 20px 4px 8px;font-size:12px}.hp-page-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:28px;height:28px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;transition:background .15s;display:flex}.hp-page-btn:hover:not(:disabled){background:var(--surface3)}.hp-page-btn:disabled{opacity:.5;cursor:not-allowed}.csm-overlay{z-index:1050;background:#00000080;justify-content:center;align-items:flex-start;padding-top:80px;animation:.2s ease-out csmFadeIn;display:flex;position:fixed;inset:0}@keyframes csmFadeIn{0%{opacity:0}to{opacity:1}}.csm-modal{background:var(--surface);border-radius:var(--radius);flex-direction:column;width:500px;max-width:90vw;display:flex;overflow:hidden;box-shadow:0 10px 25px #00000026}.csm-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.csm-title{color:var(--text);font-size:16px;font-weight:700}.csm-close{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;display:flex}.csm-close:hover{background:var(--surface2);color:var(--text)}.csm-body{flex-direction:column;gap:16px;padding:20px;display:flex}.csm-search-row{gap:12px;display:flex}.csm-select{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);outline:none;padding:10px;font-size:14px}.csm-input-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex:1;display:flex;overflow:hidden}.csm-phone-prefix{background:var(--surface2);color:var(--muted);border-right:1px solid var(--border);-webkit-user-select:none;user-select:none;padding:10px 12px;font-size:14px;font-weight:600}.csm-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:10px 12px;font-size:14px}.csm-results{border-top:1px dashed var(--border);min-height:100px;max-height:300px;padding-top:16px;overflow-y:auto}.csm-empty{text-align:center;color:var(--muted);padding:20px 0;font-size:14px}.csm-list{flex-direction:column;gap:8px;display:flex}.csm-list-item{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 12px;transition:border-color .15s;display:flex}.csm-list-item:hover{border-color:#2563eb}.csm-li-name{color:var(--text);font-size:14px;font-weight:600}.csm-li-phone{color:var(--muted);font-size:12px}.csm-li-badge{color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.cfm-overlay{z-index:1040;background:#0006;justify-content:flex-end;animation:.2s ease-out cfmFadeIn;display:flex;position:fixed;inset:0}@keyframes cfmFadeIn{0%{opacity:0}to{opacity:1}}.cfm-drawer{background:var(--surface);flex-direction:column;width:380px;height:100vh;animation:.3s cubic-bezier(.16,1,.3,1) cfmSlideIn;display:flex;box-shadow:-5px 0 25px #0000001a}@keyframes cfmSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.cfm-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cfm-title{color:var(--text);font-size:16px;font-weight:700}.cfm-close{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;display:flex}.cfm-close:hover{background:var(--surface2);color:var(--text)}.cfm-body{flex-direction:column;flex:1;gap:24px;padding:20px;display:flex;overflow-y:auto}.cfm-section{flex-direction:column;gap:12px;display:flex}.cfm-sec-title{text-transform:uppercase;color:var(--muted);letter-spacing:.5px;font-size:13px;font-weight:700}.cfm-sec-opts{flex-direction:column;gap:10px;display:flex}.cfm-check-label{color:var(--text);cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.cfm-check-label input{cursor:pointer;width:16px;height:16px}.cfm-footer{border-top:1px solid var(--border);flex-shrink:0;padding:20px}.cfm-apply-btn{color:#fff;border-radius:var(--radius);cursor:pointer;background:#2563eb;border:none;width:100%;padding:12px;font-size:14px;font-weight:700;transition:background .15s}.cfm-apply-btn:hover{background:#1d4ed8}.cd-overlay{z-index:1060;background:#0006;justify-content:flex-end;animation:.2s ease-out cdFadeIn;display:flex;position:fixed;inset:0}@keyframes cdFadeIn{0%{opacity:0}to{opacity:1}}.cd-drawer{background:var(--surface);flex-direction:column;width:450px;max-width:100vw;height:100vh;animation:.3s cubic-bezier(.16,1,.3,1) cdSlideIn;display:flex;box-shadow:-5px 0 25px #0000001a}@keyframes cdSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.cd-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:16px;padding:16px 20px;display:flex}.cd-back-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.cd-back-btn:hover{background:var(--surface2);color:var(--text)}.cd-title{color:var(--text);font-size:16px;font-weight:700}.cd-body{flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.cd-edit-header{flex-direction:column;gap:12px;margin-bottom:8px;display:flex}.cd-client-name{color:var(--text);margin:0;font-size:24px;font-weight:700}.cd-badges{align-items:center;gap:12px;display:flex}.cd-segment-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.cd-status-badge{color:var(--text);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.cd-status-dot{border-radius:50%;width:8px;height:8px}.cd-dot--activo{background:#16a34a}.cd-dot--durmiendo{background:#eab308}.cd-dot--en-riesgo{background:#dc2626}.cd-stats-block{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);margin-top:8px;padding:16px}.cd-stat-row{justify-content:space-between;align-items:center;display:flex}.cd-stat-label{color:var(--muted);font-size:13px;font-weight:600}.cd-stat-val{color:var(--text);font-size:14px;font-weight:700}.cd-stat-sub{color:var(--muted);margin-top:4px;font-size:12px}.cd-form{flex-direction:column;gap:16px;display:flex}.cd-form-group{flex-direction:column;gap:6px;display:flex}.cd-label{color:var(--text);justify-content:space-between;align-items:baseline;font-size:13px;font-weight:600;display:flex}.cd-wa-link{color:#16a34a;font-size:12px;font-weight:700;text-decoration:none}.cd-wa-link:hover{text-decoration:underline}.cd-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);outline:none;padding:10px 12px;font-size:14px;transition:border-color .2s}.cd-input:focus{border-color:#2563eb}.cd-input-wrap{border:1px solid var(--border);border-radius:var(--radius);display:flex;overflow:hidden}.cd-input-wrap:focus-within{border-color:#2563eb}.cd-phone-prefix{background:var(--surface2);border-right:1px solid var(--border);color:var(--text);padding:10px 12px;font-size:14px;font-weight:600}.cd-input--nocolor{border:none;border-radius:0;flex:1}.cd-input--nocolor:focus{border-color:#0000}.cd-no-addresses{color:var(--muted);margin:0 0 8px;font-size:13px}.cd-address-list{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.cd-address-item{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.cd-address-pin{flex-shrink:0;font-size:14px}.cd-address-text{color:var(--text);word-break:break-word;flex:1}.cd-address-remove{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:0 2px;font-size:18px;line-height:1}.cd-address-remove:hover{color:#dc2626;background:#fee2e2}.cd-add-address-row{gap:8px;display:flex}.cd-input--new-addr{flex:1}.cd-add-addr-btn{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;white-space:nowrap;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s}.cd-add-addr-btn:hover:not(:disabled){color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.cd-add-addr-btn:disabled{opacity:.4;cursor:default}.cd-footer{border-top:1px solid var(--border);flex-shrink:0;padding:20px}.cd-save-btn{color:#fff;border-radius:var(--radius);cursor:pointer;background:#2563eb;border:none;width:100%;padding:12px;font-size:14px;font-weight:700;transition:background .2s}.cd-save-btn:hover{background:#1d4ed8}.cp-page{background:var(--bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.cp-header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 32px 16px;display:flex}.cp-header-title{color:var(--text);letter-spacing:-.5px;margin:0;font-size:28px;font-weight:700}.cp-header-actions{gap:12px;display:flex}.cp-btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.cp-btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border)}.cp-btn-ghost:hover{background:var(--surface2)}.cp-btn-primary{color:#fff;background:#2563eb}.cp-btn-primary:hover{background:#1d4ed8}.cp-filter-bar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 32px;display:flex}.cp-filters-left{align-items:center;gap:12px;display:flex}.cp-pill{color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s}.cp-pill:hover{background:var(--surface2)}.cp-pill--active{color:#fff;background:#111827;border-color:#111827}.cp-filters-right{color:var(--muted);font-size:14px;font-weight:600}.cp-content{flex:1;padding:24px 32px;overflow-y:auto}.cp-grid-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex}.cp-grid-header,.cp-grid-row{border-bottom:1px solid var(--border);grid-template-columns:2fr 1.2fr 1.2fr 1.2fr 1.6fr 1.2fr 60px;align-items:center;gap:16px;padding:14px 20px;display:grid}.cp-grid-header{background:var(--surface2);color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);font-size:12px;font-weight:700}.cp-grid-row:last-child{border-bottom:none}.cp-grid-row:hover{background:#00000005}.cp-cell{flex-direction:column;gap:4px;display:flex}.cp-client-name{color:var(--text);font-size:14px;font-weight:600}.cp-client-phone{color:var(--muted);font-size:12px}.cp-text-main{color:var(--text);font-size:14px;font-weight:500}.cp-sort-th{cursor:pointer;align-items:center;gap:6px;display:flex}.cp-sort-th:hover{color:var(--text)}.cp-segment-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;width:max-content;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.cp-status-badge{color:var(--text);align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.cp-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cp-dot--activo{background:#16a34a}.cp-dot--durmiendo{background:#eab308}.cp-dot--en-riesgo{background:#dc2626}.cp-action-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;font-size:18px;transition:all .2s;display:flex}.cp-action-btn:hover{background:var(--border);color:var(--text)}.cp-ie-wrap{position:relative}.cp-ie-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:100;min-width:160px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 6px 20px #0000001a}.cp-ie-menu-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:background .12s;display:flex}.cp-ie-menu-item:hover{background:var(--surface2)}.cp-ie-menu-item+.cp-ie-menu-item{border-top:1px solid var(--border)}.dmap-root{border-radius:var(--radius-lg);background:var(--surface3);border:1px solid var(--border);width:100%;height:500px;position:relative;overflow:hidden}.dmap-canvas{width:100%;height:100%;transition:opacity .3s}.dmap-loading{background:var(--surface3);z-index:10;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;font-weight:500;display:flex;position:absolute;inset:0}.dmap-spinner{border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite dmap-spin}@keyframes dmap-spin{to{transform:rotate(360deg)}}.dmap-error{border-radius:var(--radius);color:#dc2626;background:#fef2f2;border:1px solid #fecaca;align-items:center;gap:10px;padding:16px 20px;font-size:13px;font-weight:500;display:flex}.dmap-error-icon{flex-shrink:0;font-size:18px}.sp-root{max-width:1300px;padding:24px 28px}.sp-header{margin-bottom:24px}.sp-title{color:var(--text);margin:0 0 4px;font-size:22px;font-weight:700}.sp-subtitle{color:var(--muted);margin:0;font-size:13px}.sp-layout{grid-template-columns:1fr 340px;align-items:start;gap:20px;display:grid}@media (width<=900px){.sp-layout{grid-template-columns:1fr}}.sp-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:16px;padding:20px}.sp-card-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.sp-card-title{color:var(--text);flex:1;margin:0;font-size:14px;font-weight:600}.sp-card-hint{color:var(--muted);font-size:11px}.sp-badge{background:var(--surface3);color:var(--muted);border:1px solid var(--border);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.sp-hint{color:var(--muted);text-align:center;margin:0;padding:16px 0;font-size:13px}.sp-form{flex-direction:column;gap:14px;display:flex}.sp-field{flex-direction:column;gap:5px;display:flex}.sp-label{color:var(--text);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.sp-input{background:var(--surface3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);box-sizing:border-box;outline:none;width:100%;padding:8px 12px;font-size:13px;transition:border-color .15s}.sp-input:focus{border-color:var(--blue)}.sp-color-row{flex-wrap:wrap;gap:8px;display:flex}.sp-color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;padding:0;transition:transform .12s,border-color .12s}.sp-color-dot:hover{transform:scale(1.15)}.sp-color-dot--active{border-color:var(--text);transform:scale(1.2)}.sp-error{color:#dc2626;border-radius:var(--radius);background:#fef2f2;border:1px solid #fecaca;margin:0;padding:6px 10px;font-size:12px}.sp-btn-row{gap:8px;margin-top:2px;display:flex}.sp-btn{border-radius:var(--radius);cursor:pointer;border:none;flex:1;padding:9px 14px;font-size:13px;font-weight:600;transition:opacity .15s,background .15s}.sp-btn--primary{background:var(--blue);color:#fff}.sp-btn--primary:hover{opacity:.88}.sp-btn--ghost{background:var(--surface3);color:var(--text);border:1px solid var(--border)}.sp-btn--ghost:hover{background:var(--border)}.sp-zone-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sp-zone-item{border-radius:var(--radius);background:var(--surface3);border:1px solid var(--border);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.sp-zone-item:hover{border-color:var(--blue)}.sp-zone-item--selected{border-color:var(--blue);background:color-mix(in srgb, var(--blue) 8%, var(--surface3))}.sp-zone-color{border-radius:50%;flex-shrink:0;width:14px;height:14px}.sp-zone-info{flex-direction:column;flex:1;gap:1px;display:flex;overflow:hidden}.sp-zone-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sp-zone-price{color:var(--muted);font-size:11px}.sp-zone-del{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:18px;line-height:1;transition:color .12s}.sp-zone-del:hover{color:#dc2626}.login-container{background-color:var(--surface2);justify-content:center;align-items:center;min-height:100vh;font-family:DM Sans,sans-serif;display:flex}.login-box{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border:1px solid var(--border);padding:40px}.login-title{color:var(--text);text-align:center;margin:0 0 8px;font-size:24px;font-weight:700}.login-subtitle{color:var(--muted);text-align:center;margin:0 0 32px;font-size:14px}.login-form{flex-direction:column;gap:16px;display:flex}.login-error{background-color:var(--danger);color:#fff;border-radius:var(--radius);text-align:center;margin-bottom:24px;padding:12px;font-size:14px;font-weight:500}.app-layout{height:100vh;display:flex;overflow:hidden}.app-content-wrapper{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app-main{background:var(--surface3);flex:1;overflow-y:auto}.mobile-header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:none}.mobile-header-title{color:var(--text);font-family:DM Sans,sans-serif;font-size:16px;font-weight:700}.mobile-header-btn{color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:24px;display:flex}.sidebar-overlay{display:none}@media (width<=768px){.mobile-header{display:flex}.sidebar-overlay{z-index:40;background:#00000080;display:block;position:fixed;inset:0}}