.sk24-app .workspace{background:var(--sk-bg);flex:1;min-height:0;display:flex;overflow:hidden}.sk24-app .browser-col{flex-direction:column;flex:1;min-width:0;padding:10px 14px 0;display:flex;overflow:hidden}.sk24-app .browser-top-zone{transition:gap .25s var(--sk-ease);flex-shrink:0;align-items:flex-start;gap:14px;margin-bottom:10px;display:flex}.sk24-app .browser-top-zone.keypad-hidden{gap:0}.sk24-app .browser-top-left{flex-direction:column;flex:1;gap:6px;min-width:0;max-height:500px;display:flex;overflow:hidden}.sk24-app .browser-top-zone.keypad-hidden .browser-top-left{max-height:340px}.sk24-app .browser-top-right{max-height:500px;transition:width .2s var(--sk-ease), opacity .18s var(--sk-ease), max-height .2s var(--sk-ease);flex-direction:column;flex-shrink:0;align-items:stretch;display:flex;overflow:hidden}.sk24-app .browser-top-right.collapsed{opacity:0;pointer-events:none;width:0;max-height:0}.sk24-app .browser-toolbar-row{flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:2px;display:flex}.sk24-app .menu-sel-wrap{flex-shrink:0;position:relative}.sk24-app .menu-sel{border:1px solid var(--sk-border-mid);background:var(--sk-surface);height:32px;min-height:32px;font-family:var(--sk-font);color:var(--sk-text-secondary);cursor:pointer;white-space:nowrap;transition:border-color .2s var(--sk-ease), color .2s var(--sk-ease);border-radius:8px;align-items:center;gap:5px;padding:0 10px;font-size:11.5px;font-weight:600;display:flex}.sk24-app .menu-sel:hover{color:var(--sk-text-primary);border-color:#0000002e}.sk24-app .menu-sel-icon{opacity:.6;flex-shrink:0;width:13px;height:13px}.sk24-app .menu-sel-label{font-size:11.5px}.sk24-app .menu-sel-chevron{opacity:.5;width:11px;height:11px;transition:transform .18s var(--sk-ease);flex-shrink:0}.sk24-app .menu-sel-wrap.open .menu-sel-chevron{transform:rotate(180deg)}.sk24-app .dp-toggle{background:var(--sk-bg);border:1px solid var(--sk-border-mid);border-radius:8px;flex-shrink:0;align-items:center;gap:1px;height:32px;padding:2px;display:flex}.sk24-app .dp-toggle-btn{height:26px;min-height:26px;font-family:var(--sk-font);color:var(--sk-text-tertiary);cursor:pointer;transition:background .15s var(--sk-ease), color .15s var(--sk-ease), box-shadow .15s var(--sk-ease);white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:0 9px;font-size:11.5px;font-weight:600;display:flex}.sk24-app .dp-toggle-btn svg{flex-shrink:0;width:11px;height:11px}.sk24-app .dp-toggle-btn.active{background:var(--sk-surface);color:var(--sk-primary);box-shadow:var(--sk-shadow-xs)}.sk24-app .dp-toggle-btn:not(.active):hover{color:var(--sk-text-secondary);background:#0000000a}.sk24-app .dp-toggle-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #039fd12e}.sk24-app .util-btn{background:var(--sk-surface);border:1.5px solid var(--sk-border);height:48px;min-height:48px;font-family:var(--sk-font);color:var(--sk-text-tertiary);cursor:pointer;transition:background .2s var(--sk-ease), border-color .2s var(--sk-ease), color .2s var(--sk-ease);border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:600;display:flex}.sk24-app .util-btn:hover{background:var(--sk-bg);color:var(--sk-text-secondary);border-color:#00000026}.sk24-app .util-btn:active{transform:scale(.97)}.sk24-app .util-btn svg{flex-shrink:0;width:14px;height:14px}.sk24-app .keypad-show-btn{border:1.5px solid var(--sk-border-mid);background:var(--sk-surface);width:48px;height:48px;color:var(--sk-text-secondary);cursor:pointer;transition:background .2s var(--sk-ease), color .2s var(--sk-ease), border-color .2s var(--sk-ease);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:none}.sk24-app .keypad-show-btn.visible{display:inline-flex}.sk24-app .keypad-show-btn:hover{background:var(--sk-bg);color:var(--sk-primary);border-color:#039fd14d}.sk24-app .keypad-show-btn svg{width:16px;height:16px}.sk24-app .search-view-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.sk24-app .search-input-wrap{flex:1;position:relative}.sk24-app .search-input-wrap svg{width:15px;height:15px;color:var(--sk-text-tertiary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sk24-app .search-input{border:1.5px solid var(--sk-border-mid);background:var(--sk-surface);width:100%;height:48px;min-height:48px;font-family:var(--sk-font);color:var(--sk-text-primary);transition:border-color .2s var(--sk-ease), box-shadow .2s var(--sk-ease);border-radius:10px;outline:none;padding:0 14px 0 36px;font-size:13px}.sk24-app .search-input:focus{border-color:var(--sk-primary);box-shadow:0 0 0 3px #039fd11f}.sk24-app .search-input::placeholder{color:var(--sk-text-tertiary)}.sk24-app .view-switch{background:#0000000a;border-radius:10px;flex-shrink:0;height:48px;padding:3px;display:flex}.sk24-app .view-switch-btn{cursor:pointer;width:42px;min-width:42px;height:42px;min-height:42px;color:var(--sk-text-tertiary);transition:background .2s var(--sk-ease), color .2s var(--sk-ease), box-shadow .2s var(--sk-ease);background:0 0;border:none;border-radius:8px;place-items:center;display:grid}.sk24-app .view-switch-btn svg{width:15px;height:15px}.sk24-app .view-switch-btn:hover{color:var(--sk-text-secondary)}.sk24-app .view-switch-btn.active{background:var(--sk-primary);color:#fff;box-shadow:0 1px 4px #039fd140}.sk24-app .topcat-bar{flex-wrap:wrap;flex-shrink:0;gap:4px;padding:0;display:flex;overflow-x:auto}.sk24-app .topcat-bar::-webkit-scrollbar{height:0}.sk24-app .topcat-chip{height:36px;min-height:36px;font-family:var(--sk-font);cursor:pointer;white-space:nowrap;color:var(--sk-text-tertiary);transition:background .2s var(--sk-ease), color .2s var(--sk-ease), border-color .2s var(--sk-ease);background:0 0;border:1.5px solid #0000;border-radius:7px;padding:0 14px;font-size:12px;font-weight:700}.sk24-app .topcat-chip:hover{color:var(--sk-text-secondary);background:#00000008}.sk24-app .topcat-chip.active{background:var(--sk-primary-light);color:var(--sk-primary);border-color:#039fd133}.sk24-app .topcat-chip:focus-visible{outline:none;box-shadow:0 0 0 3px #039fd12e}.sk24-app .catbar{flex-shrink:0;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:5px;max-height:82px;display:grid;overflow:hidden auto}.sk24-app .catbar::-webkit-scrollbar{width:2px}.sk24-app .catbar::-webkit-scrollbar-thumb{background:#00000014;border-radius:2px}.sk24-app .cat-chip{border:1.5px solid var(--sk-border);height:36px;min-height:36px;font-family:var(--sk-font);cursor:pointer;white-space:nowrap;color:var(--sk-text-secondary);transition:background .2s var(--sk-ease), color .2s var(--sk-ease), border-color .2s var(--sk-ease), box-shadow .2s var(--sk-ease);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:700;display:flex}.sk24-app .cat-chip:hover{border-color:#00000024;box-shadow:0 2px 8px #0000000d}.sk24-app .cat-chip.active{background:var(--sk-primary-light);color:var(--sk-primary);border-color:var(--sk-primary);box-shadow:0 2px 10px #039fd126}.sk24-app .cat-chip:focus-visible{outline:none;box-shadow:0 0 0 3px #039fd12e}.sk24-app .cat-chip-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.sk24-app .keypad-wrap{flex-direction:column;align-items:stretch;gap:6px;display:flex}.sk24-app .keypad-block{background:var(--sk-surface);border:1.5px solid var(--sk-border);border-radius:14px;width:320px;max-width:320px;padding:14px}.sk24-app .keypad-display{background:var(--sk-bg);height:60px;color:var(--sk-text-primary);letter-spacing:-.04em;border:1.5px solid var(--sk-border);font-variant-numeric:tabular-nums;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 16px;font-size:30px;font-weight:800;display:flex}.sk24-app .keypad-display .kd-hide-btn{border:1.5px solid var(--sk-border-mid);background:var(--sk-surface);width:36px;height:36px;color:var(--sk-text-tertiary);cursor:pointer;transition:background .2s var(--sk-ease), color .2s var(--sk-ease), border-color .2s var(--sk-ease);border-radius:8px;flex-shrink:0;place-items:center;padding:0;display:grid}.sk24-app .keypad-display .kd-hide-btn:hover{background:var(--sk-bg);color:var(--sk-text-primary);border-color:#0000002e}.sk24-app .keypad-display .kd-hide-btn svg{width:14px;height:14px}.sk24-app .keypad-display .kd-value{text-align:right;flex:1}.sk24-app .keypad-body{gap:6px;display:flex}.sk24-app .keypad-main{flex:1;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.sk24-app .kbtn{height:60px;min-height:60px;font-family:var(--sk-font);cursor:pointer;transition:filter .1s, transform 80ms, background .15s var(--sk-ease);border:none;border-radius:12px;place-items:center;font-size:22px;font-weight:800;display:grid}.sk24-app .kbtn:active{transform:scale(.9)}.sk24-app .kbtn-num{color:var(--sk-text-primary);background:#eaedf1;box-shadow:0 1px #00000017}.sk24-app .kbtn-num:hover{background:#dde1e8}.sk24-app .kbtn-num:focus-visible{outline:none;box-shadow:0 0 0 3px #039fd147}.sk24-app .kbtn-clear{background:var(--sk-red-light);color:var(--sk-red);font-size:16px;font-weight:800}.sk24-app .kbtn-clear:hover{background:#dc35452e}.sk24-app .kbtn-delete{color:#fff;background:#a31515;box-shadow:0 1px #7a0f0f}.sk24-app .kbtn-delete:hover{filter:brightness(1.1)}.sk24-app .kbtn-delete svg{width:18px;height:18px}.sk24-app .prod-scroll{flex:1;min-height:0;padding-bottom:12px;overflow:hidden auto}.sk24-app .prod-scroll::-webkit-scrollbar{width:4px}.sk24-app .prod-scroll::-webkit-scrollbar-thumb{background:var(--sk-border-mid);border-radius:4px}.sk24-app .prod-sections{flex-direction:column;gap:6px;padding-bottom:8px;display:flex}.sk24-app .prod-section{border-radius:14px;flex-shrink:0;overflow:hidden}.sk24-app .prod-section-hdr{z-index:2;background:var(--sk-bg);align-items:center;gap:10px;padding:6px 14px 4px;display:flex;position:sticky;top:0}.sk24-app .prod-section-dot{background:var(--sk-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.sk24-app .prod-section-name{letter-spacing:.04em;text-transform:uppercase;color:var(--sk-text-primary);flex:1;font-size:13px;font-weight:800}.sk24-app .prod-section-count{color:var(--sk-text-tertiary);font-size:11px;font-weight:600}.sk24-app .prod-rows{background:var(--sk-surface);border:1px solid var(--sk-border);border-radius:14px}.sk24-app .prod-row{cursor:pointer;transition:background .2s var(--sk-ease);text-align:left;width:100%;font-family:var(--sk-font);background:0 0;border:none;align-items:center;gap:14px;min-height:50px;padding:8px 16px;display:flex}.sk24-app .prod-row+.prod-row{border-top:1px solid var(--sk-border)}.sk24-app .prod-row:hover{background:#00000005}.sk24-app .prod-row:focus-visible{background:var(--sk-primary-light);outline:none}.sk24-app .prod-row-sku{font-family:var(--font-geist-mono), "JetBrains Mono", monospace;color:var(--sk-text-secondary);letter-spacing:.05em;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:44px;font-size:14px;font-weight:700}.sk24-app .prod-row-name{color:var(--sk-text-primary);flex:1;font-size:16px;font-weight:600;line-height:1.3}.sk24-app .prod-row-price{color:var(--sk-text-primary);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:72px;font-size:16px;font-weight:800}.sk24-app .prod-row-add{cursor:pointer;width:28px;min-width:28px;height:28px;min-height:28px;transition:transform 80ms, background .15s var(--sk-ease);background:var(--sk-primary-light);color:var(--sk-primary);border:none;border-radius:7px;flex-shrink:0;place-items:center;display:grid}.sk24-app .prod-row-add:hover{background:var(--sk-primary);color:#fff}.sk24-app .prod-row-add:active{transform:scale(.88)}.sk24-app .prod-row-add svg{pointer-events:none;width:12px;height:12px}.sk24-app .prod-sections.grid-view .prod-rows{background:0 0;border:none;border-radius:0;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.sk24-app .prod-tile{border:1.5px solid var(--sk-border);background:var(--sk-surface);cursor:pointer;transition:border-color .2s var(--sk-ease), box-shadow .2s var(--sk-ease), transform 80ms var(--sk-ease);text-align:left;min-height:92px;font-family:var(--sk-font);border-radius:12px;flex-direction:column;padding:9px 10px;display:flex}.sk24-app .prod-tile:hover{box-shadow:var(--sk-shadow-sm);border-color:#00000024}.sk24-app .prod-tile:active{transform:scale(.98)}.sk24-app .prod-tile:focus-visible{border-color:var(--sk-primary);outline:none;box-shadow:0 0 0 3px #039fd12e}.sk24-app .prod-tile-sku{font-family:var(--font-geist-mono), "JetBrains Mono", monospace;color:var(--sk-text-secondary);letter-spacing:.05em;font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:11.5px;font-weight:700}.sk24-app .prod-tile-name{color:var(--sk-text-primary);letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:6px;font-size:12.5px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.sk24-app .prod-tile-bottom{justify-content:space-between;align-items:center;gap:6px;display:flex}.sk24-app .prod-tile-price{color:var(--sk-text-primary);font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}.sk24-app .prod-tile-add{cursor:pointer;width:28px;min-width:28px;height:28px;min-height:28px;transition:transform 80ms, background .15s var(--sk-ease);background:var(--sk-primary-light);color:var(--sk-primary);border:none;border-radius:7px;flex-shrink:0;place-items:center;display:grid}.sk24-app .prod-tile-add:hover{background:var(--sk-primary);color:#fff}.sk24-app .prod-tile-add:active{transform:scale(.88)}.sk24-app .prod-tile-add svg{pointer-events:none;width:12px;height:12px}.sk24-app .prod-empty{color:var(--sk-text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 16px;display:flex}.sk24-app .prod-empty svg{opacity:.3;width:34px;height:34px}.sk24-app .prod-empty-text{font-size:13px;font-weight:600}.sk24-app .order-col{background:var(--sk-surface);border-left:1px solid var(--sk-border);flex-direction:column;flex-shrink:0;align-self:stretch;width:320px;height:100%;margin:0;display:flex;overflow:hidden}.sk24-app .order-head{border-bottom:1px solid var(--sk-border);flex-shrink:0;padding:0 16px}.sk24-app .order-customer-row{align-items:center;gap:8px;padding:8px 0;display:flex}.sk24-app .order-customer-info{flex:1;min-width:0}.sk24-app .order-customer-name{color:var(--sk-text-primary);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.sk24-app .order-customer-name.is-placeholder{color:var(--sk-text-tertiary);font-weight:500}.sk24-app .order-customer-addr{color:var(--sk-text-tertiary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11.5px;overflow:hidden}.sk24-app .btn-edit-customer{border:1px solid var(--sk-border-mid);cursor:pointer;width:48px;min-width:48px;height:48px;min-height:48px;color:var(--sk-text-tertiary);transition:background .2s var(--sk-ease), color .2s var(--sk-ease);background:0 0;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.sk24-app .btn-edit-customer:hover{background:var(--sk-bg);color:var(--sk-text-secondary)}.sk24-app .btn-edit-customer svg{width:14px;height:14px}.sk24-app .btn-delete-all{height:48px;min-height:48px;color:var(--sk-red);font-family:var(--sk-font);cursor:pointer;transition:background .2s var(--sk-ease), border-color .2s var(--sk-ease);background:0 0;border:1px solid #dc354540;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:0 12px;font-size:12px;font-weight:700;display:flex}.sk24-app .btn-delete-all:hover{background:var(--sk-red-light);border-color:#dc354566}.sk24-app .btn-delete-all svg{width:12px;height:12px}.sk24-app .order-items{flex:1;padding:0;overflow-y:auto}.sk24-app .order-items::-webkit-scrollbar{width:3px}.sk24-app .order-items::-webkit-scrollbar-thumb{background:var(--sk-border-mid);border-radius:3px}.sk24-app .order-empty{color:var(--sk-text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px 16px;display:flex}.sk24-app .order-empty svg{opacity:.32;width:34px;height:34px}.sk24-app .order-empty-text{font-size:13px;font-weight:600}.sk24-app .order-empty-last-orders{height:44px;color:var(--sk-text-primary);border:1.5px solid var(--sk-border-mid);font-family:var(--sk-font);cursor:pointer;transition:border-color var(--sk-t), color var(--sk-t), background var(--sk-t), transform 80ms;background:#fff;border-radius:12px;align-items:center;gap:8px;margin-top:8px;padding:0 22px;font-size:13.5px;font-weight:700;display:inline-flex}.sk24-app .order-empty-last-orders:hover{border-color:var(--sk-primary);color:var(--sk-primary);background:var(--sk-primary-light)}.sk24-app .order-empty-last-orders:active{transform:scale(.98)}.sk24-app .order-empty-last-orders svg{opacity:1;width:16px;height:16px;color:var(--sk-text-secondary)}.sk24-app .oi-row{transition:background .2s var(--sk-ease);border-bottom:1px solid #0000000d;padding:10px 16px}.sk24-app .oi-row:last-child{border-bottom:none}.sk24-app .oi-row:hover{background:#039fd10a}.sk24-app .oi-row--clickable{cursor:pointer}.sk24-app .oi-row--clickable:hover{background:#039fd10f}.sk24-app .oi-row--clickable:focus-visible{box-shadow:inset 3px 0 0 var(--sk-primary);background:#039fd114;outline:none}.sk24-app .oi-row--clickable:after{content:"";opacity:0;width:18px;height:18px;transition:opacity .15s var(--sk-ease);pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/><path d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/></svg>");background-repeat:no-repeat;background-size:contain;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.sk24-app .oi-row--clickable{padding-right:38px;position:relative}.sk24-app .oi-row--clickable:hover:after,.sk24-app .oi-row--clickable:focus-visible:after{opacity:.7}.sk24-app .oi-top{align-items:flex-start;gap:10px;display:flex}.sk24-app .oi-qty-col{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.sk24-app .oi-qty-btn{border:1px solid var(--sk-border-mid);cursor:pointer;width:36px;min-width:36px;height:36px;min-height:36px;color:var(--sk-text-secondary);transition:background .2s var(--sk-ease), border-color .2s var(--sk-ease);background:0 0;border-radius:8px;place-items:center;display:grid}.sk24-app .oi-qty-btn:hover{background:var(--sk-bg);border-color:#0003}.sk24-app .oi-qty-btn:disabled{opacity:.4;cursor:not-allowed}.sk24-app .oi-qty-btn svg{width:13px;height:13px}.sk24-app .oi-qty-num{color:var(--sk-text-primary);text-align:center;font-variant-numeric:tabular-nums;min-width:22px;font-size:13px;font-weight:800}.sk24-app .oi-info{flex:1;min-width:0}.sk24-app button.oi-info--editable{text-align:left;cursor:pointer;transition:background .15s var(--sk-ease);background:0 0;border:none;border-radius:8px;margin:-4px -8px;padding:4px 8px;font-family:inherit}.sk24-app button.oi-info--editable:hover{background:var(--sk-primary-light)}.sk24-app button.oi-info--editable:focus-visible{background:var(--sk-primary-light);outline:none;box-shadow:0 0 0 3px #039fd138}.sk24-app .oi-qty-btn--trash{color:var(--sk-red);border-color:#dc35454d}.sk24-app .oi-qty-btn--trash:hover{border-color:var(--sk-red);background:#dc354514}.sk24-app .oi-name{color:var(--sk-text-primary);letter-spacing:-.01em;font-size:13.5px;font-weight:700;line-height:1.3}.sk24-app .oi-meta{color:var(--sk-text-tertiary);margin-top:2px;font-size:11.5px;line-height:1.5}.sk24-app .oi-vars{flex-direction:column;gap:1px;margin-top:3px;display:flex}.sk24-app .oi-var-line{color:var(--sk-text-secondary);font-size:11.5px;font-weight:500;line-height:1.4}.sk24-app .oi-var-comment{color:var(--sk-text-tertiary);font-size:11.5px;font-style:italic;line-height:1.4}.sk24-app .oi-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.sk24-app .oi-price{color:var(--sk-text-primary);white-space:nowrap;font-variant-numeric:tabular-nums;cursor:pointer;font-size:13.5px;font-weight:800;font-family:var(--sk-font);transition:background .15s var(--sk-ease), border-color .15s var(--sk-ease), color .15s var(--sk-ease);background:0 0;border:1.5px solid #0000;border-radius:8px;min-height:32px;padding:4px 10px}.sk24-app .oi-price:hover{background:var(--sk-primary-light);color:var(--sk-primary);border-color:#039fd14d}.sk24-app .oi-price:focus-visible{border-color:var(--sk-primary);outline:none;box-shadow:0 0 0 3px #039fd12e}.sk24-app .oi-price--readonly{cursor:default;pointer-events:none;background:0 0;border-color:#0000}.sk24-app .oi-price--readonly:hover{color:var(--sk-text-primary);background:0 0;border-color:#0000}.sk24-app .oi-price.overridden{color:var(--sk-primary);border-color:var(--sk-primary);background:var(--sk-primary-light)}.sk24-app .oi-remove{width:28px;min-width:28px;height:28px;color:var(--sk-text-tertiary);cursor:pointer;transition:background .2s var(--sk-ease), color .2s var(--sk-ease);background:0 0;border:none;border-radius:6px;place-items:center;display:grid}.sk24-app .oi-remove:hover{background:var(--sk-red-light);color:var(--sk-red)}.sk24-app .oi-remove svg{width:12px;height:12px}.sk24-app .order-foot{background:var(--sk-surface);flex-shrink:0;padding:0 16px 8px}.sk24-app .order-foot-row{color:var(--sk-text-secondary);justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;display:flex}.sk24-app .order-foot-row.total-row{margin-top:4px;padding-top:10px}.sk24-app .order-foot-row.total-row .foot-label{color:var(--sk-text-primary);letter-spacing:-.02em;font-size:16px;font-weight:800}.sk24-app .order-foot-row.total-row .foot-value{color:var(--sk-text-primary);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.sk24-app .foot-label{color:var(--sk-text-secondary);font-size:14px;font-weight:500}.sk24-app .foot-value{color:var(--sk-text-primary);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.sk24-app .foot-edit-circle{width:36px;height:36px;color:var(--sk-text-secondary);cursor:pointer;transition:background var(--sk-t), color var(--sk-t), transform 80ms;background:#0000000f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sk24-app .foot-edit-circle:hover{color:var(--sk-text-primary);background:#0000001a}.sk24-app .foot-edit-circle:active{transform:scale(.92)}.sk24-app .foot-add-btn{border:1.5px solid var(--sk-border-mid);height:34px;color:var(--sk-text-primary);font-family:var(--sk-font);cursor:pointer;transition:border-color var(--sk-t), color var(--sk-t), transform 80ms;background:#fff;border-radius:10px;flex-shrink:0;align-items:center;gap:5px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.sk24-app .foot-add-btn:hover{border-color:var(--sk-primary);color:var(--sk-primary)}.sk24-app .foot-add-btn:active{transform:scale(.96)}.sk24-app .foot-right-group{align-items:center;gap:6px;margin-left:auto;display:flex}.sk24-app .btn-add-cost,.sk24-app .btn-foot-edit{border:1px solid var(--sk-border-mid);font-family:var(--sk-font);color:var(--sk-text-tertiary);cursor:pointer;transition:background .2s var(--sk-ease), color .2s var(--sk-ease), border-color .2s var(--sk-ease);background:0 0;border-radius:7px}.sk24-app .btn-add-cost{height:36px;min-height:36px;padding:0 12px;font-size:12px;font-weight:600}.sk24-app .btn-add-cost:hover{background:var(--sk-bg);color:var(--sk-text-secondary)}.sk24-app .btn-foot-edit{background:#0000000f;border:none;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.sk24-app .btn-foot-edit:hover{background:#0000001a}.sk24-app .btn-foot-edit svg{width:11px;height:11px;color:var(--sk-text-tertiary)}.sk24-app .order-foot-input{border:1.5px solid var(--sk-border-mid);background:var(--sk-bg);width:80px;height:36px;min-height:36px;font-family:var(--sk-font);color:var(--sk-text-primary);text-align:right;font-variant-numeric:tabular-nums;transition:border-color .15s var(--sk-ease), box-shadow .15s var(--sk-ease);border-radius:8px;outline:none;padding:0 10px;font-size:12.5px;font-weight:700}.sk24-app .order-foot-input:focus{border-color:var(--sk-primary);background:var(--sk-surface);box-shadow:0 0 0 3px #039fd11f}.sk24-app .order-actions--single{display:flex}.sk24-app .order-actions--single .btn-print.btn-print--full{border-radius:14px;width:100%;height:56px;font-size:15px}.sk24-app .order-actions{gap:8px;margin-top:12px;display:flex}.sk24-app .btn-back{border:1.5px solid var(--sk-border-mid);height:56px;min-height:56px;font-family:var(--sk-font);color:var(--sk-text-secondary);cursor:pointer;transition:background .2s var(--sk-ease), border-color .2s var(--sk-ease);background:0 0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.sk24-app .btn-back:hover{background:var(--sk-bg);border-color:#0003}.sk24-app .btn-back svg{width:15px;height:15px}.sk24-app .btn-print{background:var(--sk-primary);height:56px;min-height:56px;font-family:var(--sk-font);color:#fff;cursor:pointer;transition:background .2s var(--sk-ease), box-shadow .2s var(--sk-ease), transform 80ms var(--sk-ease);box-shadow:var(--sk-shadow-primary);letter-spacing:.02em;border:none;border-radius:10px;flex:2;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.sk24-app .btn-print:hover{background:var(--sk-primary-dark);box-shadow:var(--sk-shadow-primary-hover)}.sk24-app .btn-print:active{transform:scale(.97)}.sk24-app .btn-print:focus-visible{box-shadow:0 0 0 3px #039fd133, var(--sk-shadow-primary);outline:none}.sk24-app .btn-print:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.sk24-app .btn-print svg{width:16px;height:16px}.sk24-app .vp-overlay{-webkit-backdrop-filter:blur(8px);z-index:950;background:#00000052;justify-content:stretch;align-items:flex-end;animation:.18s vpFadeIn;display:flex;position:fixed;inset:0}@keyframes vpFadeIn{0%{opacity:0}to{opacity:1}}.sk24-app .vp-panel{background:var(--sk-surface);border-radius:22px 22px 0 0;flex-direction:column;width:100%;max-width:880px;height:88vh;max-height:88vh;margin:0 auto;animation:.28s cubic-bezier(.32,.72,.24,1) vpSlideUp;display:flex;overflow:hidden;box-shadow:0 -20px 60px #00000026,0 -4px 16px #0000000f}@keyframes vpSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.sk24-app .vp-handle{background:#00000024;border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:10px auto 0}.sk24-app .vp-header{border-bottom:1px solid var(--sk-border);flex-shrink:0;align-items:center;gap:12px;padding:14px 22px 12px;display:flex}.sk24-app .vp-header-info{flex:1;min-width:0}.sk24-app .vp-product-name{color:var(--sk-text-primary);letter-spacing:-.04em;font-size:17px;font-weight:800;line-height:1.2}.sk24-app .vp-base-price{color:var(--sk-text-tertiary);margin-top:2px;font-size:12px;font-weight:600}.sk24-app .vp-close{cursor:pointer;width:40px;min-width:40px;height:40px;color:var(--sk-text-secondary);transition:background .15s var(--sk-ease);background:#0000000f;border:none;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.sk24-app .vp-close:hover{background:#0000001f}.sk24-app .vp-close svg{width:14px;height:14px}.sk24-app .vp-body{flex:1;min-height:0;display:flex;overflow:hidden}.sk24-app .vp-steps{background:var(--sk-bg);border-right:1px solid var(--sk-border);flex-direction:column;flex-shrink:0;gap:4px;width:200px;padding:10px 8px;display:flex;overflow-y:auto}.sk24-app .vp-steps::-webkit-scrollbar{width:0}.sk24-app .vp-step{cursor:pointer;font-family:var(--sk-font);color:var(--sk-text-tertiary);text-align:left;transition:background .15s var(--sk-ease), color .15s var(--sk-ease), box-shadow .15s var(--sk-ease);background:0 0;border:none;border-radius:10px;align-items:center;gap:9px;width:100%;min-height:48px;padding:10px 12px;font-size:12.5px;font-weight:600;display:flex}.sk24-app .vp-step:hover{color:var(--sk-text-secondary);background:#0000000a}.sk24-app .vp-step.active{background:var(--sk-primary-light);color:var(--sk-primary);box-shadow:inset 3px 0 0 var(--sk-primary);font-weight:800}.sk24-app .vp-step.completed{color:var(--sk-green)}.sk24-app .vp-step-num{border:1.5px solid var(--sk-border-mid);width:24px;height:24px;transition:background .15s var(--sk-ease), border-color .15s var(--sk-ease), color .15s var(--sk-ease);border-radius:50%;flex-shrink:0;place-items:center;font-size:10.5px;font-weight:800;display:grid}.sk24-app .vp-step.active .vp-step-num{background:var(--sk-primary);border-color:var(--sk-primary);color:#fff}.sk24-app .vp-step.completed .vp-step-num{background:var(--sk-green-light);border-color:var(--sk-green);color:var(--sk-green)}.sk24-app .vp-step-num svg{width:13px;height:13px}.sk24-app .vp-step.required-incomplete .vp-step-num{border-color:var(--sk-red);color:var(--sk-red)}.sk24-app .vp-step-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sk24-app .vp-step-price{color:var(--sk-text-tertiary);flex-shrink:0;font-size:10.5px;font-weight:700}.sk24-app .vp-step.active .vp-step-price,.sk24-app .vp-step.completed .vp-step-price{color:var(--sk-primary)}.sk24-app .vp-content{flex-direction:column;flex:1;gap:14px;padding:18px 22px;display:flex;overflow-y:auto}.sk24-app .vp-content::-webkit-scrollbar{width:3px}.sk24-app .vp-content::-webkit-scrollbar-thumb{background:var(--sk-border-mid);border-radius:3px}.sk24-app .vp-content-header{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.sk24-app .vp-content-title{color:var(--sk-text-primary);letter-spacing:-.03em;font-size:15px;font-weight:800}.sk24-app .vp-content-subtitle{color:var(--sk-text-tertiary);font-size:12px;font-weight:500}.sk24-app .vp-required-badge{color:var(--sk-red);letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;align-items:center;gap:4px;font-size:10px;font-weight:800;display:inline-flex}.sk24-app .vp-required-badge:before{content:"";background:var(--sk-red);border-radius:50%;flex-shrink:0;width:5px;height:5px}.sk24-app .vp-search-wrap{background:var(--sk-bg);border:1.5px solid var(--sk-border);height:44px;color:var(--sk-text-tertiary);border-radius:12px;align-items:center;gap:8px;margin-bottom:12px;padding:0 14px;display:flex}.sk24-app .vp-search-wrap:focus-within{border-color:var(--sk-primary);box-shadow:0 0 0 3px #039fd11f}.sk24-app .vp-search-input{font-family:var(--sk-font);color:var(--sk-text-primary);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:14px}.sk24-app .vp-search-input::placeholder{color:var(--sk-text-tertiary)}.sk24-app .vp-search-input::-webkit-search-cancel-button{appearance:none}.sk24-app .vp-search-empty{text-align:center;color:var(--sk-text-tertiary);padding:24px 12px;font-size:13.5px}.sk24-app .vp-add-option-trigger{width:100%;height:48px;color:var(--sk-text-secondary);font-family:var(--sk-font);letter-spacing:-.01em;cursor:pointer;transition:border-color .15s var(--sk-ease), color .15s var(--sk-ease), background .15s var(--sk-ease);background:0 0;border:1.5px dashed #00000029;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:13.5px;font-weight:700;display:inline-flex}.sk24-app .vp-add-option-trigger:hover{border-color:var(--sk-primary);color:var(--sk-primary);background:#039fd10a}.sk24-app .vp-add-option-trigger:active{transform:scale(.98)}.sk24-app .vp-add-option-form{grid-template-columns:1fr 92px 52px 44px;align-items:center;gap:8px;margin-top:12px;display:grid}.sk24-app .vp-add-option-name,.sk24-app .vp-add-option-price{border:1.5px solid var(--sk-border-mid);background:var(--sk-bg);height:44px;font-family:var(--sk-font);color:var(--sk-text-primary);transition:border-color .15s var(--sk-ease), box-shadow .15s var(--sk-ease), background .15s var(--sk-ease);border-radius:10px;outline:none;padding:0 14px;font-size:14px;font-weight:500}.sk24-app .vp-add-option-name::placeholder,.sk24-app .vp-add-option-price::placeholder{color:var(--sk-text-tertiary);font-weight:400}.sk24-app .vp-add-option-name:focus,.sk24-app .vp-add-option-price:focus{border-color:var(--sk-primary);background:var(--sk-surface);box-shadow:0 0 0 3px #039fd124}.sk24-app .vp-add-option-price{text-align:center;font-variant-numeric:tabular-nums;padding:0 8px}.sk24-app .vp-add-option-submit{background:var(--sk-primary);color:#fff;height:44px;font-family:var(--sk-font);letter-spacing:.04em;cursor:pointer;box-shadow:var(--sk-shadow-primary);transition:background .15s var(--sk-ease), box-shadow .15s var(--sk-ease), transform 80ms var(--sk-ease);border:none;border-radius:10px;padding:0;font-size:13px;font-weight:800}.sk24-app .vp-add-option-submit:hover{background:var(--sk-primary-dark);box-shadow:var(--sk-shadow-primary-hover)}.sk24-app .vp-add-option-submit:active{transform:scale(.96)}.sk24-app .vp-add-option-submit:disabled{opacity:.55;cursor:not-allowed}.sk24-app .vp-add-option-cancel{border:1.5px solid var(--sk-border-mid);background:var(--sk-surface);width:44px;height:44px;color:var(--sk-text-tertiary);cursor:pointer;transition:background .15s var(--sk-ease), border-color .15s var(--sk-ease), color .15s var(--sk-ease);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.sk24-app .vp-add-option-cancel:hover{color:var(--sk-text-primary);background:#0000000a}.sk24-app .vp-options{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.sk24-app .vp-opt{border:1.5px solid var(--sk-border-mid);background:var(--sk-surface);cursor:pointer;font-family:var(--sk-font);text-align:left;transition:background .15s var(--sk-ease), border-color .15s var(--sk-ease), box-shadow .15s var(--sk-ease), transform 80ms var(--sk-ease);border-radius:12px;align-items:center;gap:10px;min-height:56px;padding:14px 16px;display:flex}.sk24-app .vp-opt:hover{border-color:#0000002e;box-shadow:0 1px 4px #0000000f}.sk24-app .vp-opt:active{transform:scale(.97)}.sk24-app .vp-opt.selected{background:var(--sk-primary-light);border-color:var(--sk-primary);box-shadow:0 0 0 1px var(--sk-primary)}.sk24-app .vp-opt-check{border:1.5px solid var(--sk-border-mid);width:20px;height:20px;transition:background .15s var(--sk-ease), border-color .15s var(--sk-ease);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.sk24-app .vp-opt.selected .vp-opt-check{background:var(--sk-primary);border-color:var(--sk-primary)}.sk24-app .vp-opt-check svg{color:#fff;opacity:0;width:11px;height:11px}.sk24-app .vp-opt.selected .vp-opt-check svg{opacity:1}.sk24-app .vp-opt-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.sk24-app .vp-opt-label{color:var(--sk-text-primary);font-size:13.5px;font-weight:700;line-height:1.3}.sk24-app .vp-opt.selected .vp-opt-label{color:var(--sk-primary)}.sk24-app .vp-opt-price{color:#fff;white-space:nowrap;background:var(--sk-primary);letter-spacing:.01em;text-align:center;font-variant-numeric:tabular-nums;border-radius:7px;align-self:flex-end;min-width:52px;padding:4px 9px;font-size:11px;font-weight:800}.sk24-app .vp-opt-price.price-neg{background:#9ca3af}.sk24-app .vp-opt-price.price-zero{color:var(--sk-text-tertiary);background:0 0;padding:0;font-weight:600}.sk24-app .vp-list{background:var(--sk-border);border-radius:12px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.sk24-app .vp-list-item{background:var(--sk-surface);cursor:pointer;font-family:var(--sk-font);transition:background .15s var(--sk-ease);text-align:left;border:none;align-items:center;gap:10px;width:100%;min-height:48px;padding:12px 16px;display:flex}.sk24-app .vp-list-item:hover{background:#039fd10a}.sk24-app .vp-list-item.selected{background:var(--sk-primary-light)}.sk24-app .vp-list-check{border:1.5px solid var(--sk-border-mid);width:20px;height:20px;transition:background .15s var(--sk-ease), border-color .15s var(--sk-ease);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.sk24-app .vp-list-item.selected .vp-list-check{background:var(--sk-primary);border-color:var(--sk-primary)}.sk24-app .vp-list-check svg{color:#fff;opacity:0;width:11px;height:11px}.sk24-app .vp-list-item.selected .vp-list-check svg{opacity:1}.sk24-app .vp-list-label{color:var(--sk-text-primary);flex:1;min-width:0;font-size:13.5px;font-weight:600}.sk24-app .vp-list-item.selected .vp-list-label{color:var(--sk-primary)}.sk24-app .vp-list-price{color:#fff;background:var(--sk-primary);letter-spacing:.01em;text-align:center;font-variant-numeric:tabular-nums;border-radius:7px;flex-shrink:0;min-width:52px;margin-left:auto;padding:4px 9px;font-size:11px;font-weight:800}.sk24-app .vp-list-price.price-neg{background:#9ca3af}.sk24-app .vp-list-price.price-zero{color:var(--sk-text-tertiary);background:0 0;padding:0;font-weight:500}.sk24-app .vp-list-item.selected .vp-list-price.price-zero{color:var(--sk-primary)}.sk24-app .vp-missing-hint{color:var(--sk-red);background:var(--sk-red-light);border-radius:8px;padding:8px 12px;font-size:11.5px;font-weight:700;animation:.3s vpShake}@keyframes vpShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.sk24-app .vp-comment{border:1.5px solid var(--sk-border-mid);background:var(--sk-bg);width:100%;font-family:var(--sk-font);color:var(--sk-text-primary);resize:vertical;min-height:88px;transition:border-color .15s var(--sk-ease), box-shadow .15s var(--sk-ease);border-radius:10px;outline:none;padding:12px 14px;font-size:13.5px;line-height:1.5}.sk24-app .vp-comment:focus{border-color:var(--sk-primary);background:var(--sk-surface);box-shadow:0 0 0 3px #039fd11f}.sk24-app .vp-comment::placeholder{color:var(--sk-text-tertiary)}.sk24-app .vp-footer{border-top:1px solid var(--sk-border);background:var(--sk-surface);flex-direction:column;flex-shrink:0;gap:12px;padding:16px 22px 20px;display:flex}.sk24-app .vp-footer-top-row{align-items:center;gap:10px;width:100%;display:flex}.sk24-app .vp-footer-spacer{flex:1}.sk24-app .vp-footer-qty{flex-shrink:0;align-items:center;gap:4px;display:flex}.sk24-app .vp-footer-qty-btn{border:1.5px solid var(--sk-border-mid);background:var(--sk-surface);cursor:pointer;width:48px;min-width:48px;height:48px;min-height:48px;color:var(--sk-text-secondary);transition:background .15s var(--sk-ease), border-color .15s var(--sk-ease), transform 80ms var(--sk-ease);border-radius:10px;place-items:center;display:grid}.sk24-app .vp-footer-qty-btn:hover{background:var(--sk-bg);border-color:#0003}.sk24-app .vp-footer-qty-btn:active{transform:scale(.92)}.sk24-app .vp-footer-qty-btn:disabled{opacity:.4;cursor:not-allowed}.sk24-app .vp-footer-qty-btn svg{width:13px;height:13px}.sk24-app .vp-footer-qty-btn--trash{color:var(--sk-red);background:#dc35451a}.sk24-app .vp-footer-qty-btn--trash:hover{background:#dc35452e}.sk24-app .vp-footer-qty-val{text-align:center;min-width:32px;font-family:var(--sk-font);color:var(--sk-text-primary);font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.sk24-app .vp-btn-back{border:1.5px solid var(--sk-border-mid);background:var(--sk-surface);height:48px;min-height:48px;font-family:var(--sk-font);color:var(--sk-text-secondary);cursor:pointer;transition:background .15s var(--sk-ease), border-color .15s var(--sk-ease), color .15s var(--sk-ease);border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:700;display:flex}.sk24-app .vp-btn-back:hover{background:var(--sk-bg);color:var(--sk-text-primary);border-color:#0003}.sk24-app .vp-btn-back svg{width:14px;height:14px}.sk24-app .vp-footer-price-wrap{flex-shrink:0;position:relative}.sk24-app .vp-footer-price{border:2px solid var(--sk-border-mid);background:var(--sk-surface);height:56px;min-height:56px;font-family:var(--sk-font);color:var(--sk-text-primary);cursor:pointer;transition:border-color .15s var(--sk-ease), background .15s var(--sk-ease), box-shadow .15s var(--sk-ease);white-space:nowrap;letter-spacing:-.02em;font-variant-numeric:tabular-nums;border-radius:12px;align-items:center;gap:6px;padding:0 18px;font-size:18px;font-weight:800;display:flex}.sk24-app .vp-footer-price:hover{background:var(--sk-bg);border-color:#00000038}.sk24-app .vp-footer-price.active{border-color:var(--sk-primary);background:var(--sk-primary-light);box-shadow:0 0 0 2px #039fd11f}.sk24-app .vp-footer-price.overridden{border-color:var(--sk-primary);color:var(--sk-primary)}.sk24-app .vp-footer-price .vp-fp-currency{color:var(--sk-text-tertiary);font-size:13px;font-weight:700}.sk24-app .vp-btn-primary{background:var(--sk-primary);width:100%;height:64px;min-height:64px;font-family:var(--sk-font);color:#fff;cursor:pointer;transition:background .15s var(--sk-ease), box-shadow .15s var(--sk-ease), transform 80ms var(--sk-ease);box-shadow:var(--sk-shadow-primary);letter-spacing:.02em;white-space:nowrap;border:none;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:17px;font-weight:800;display:flex}.sk24-app .vp-btn-primary:hover{background:var(--sk-primary-dark);box-shadow:var(--sk-shadow-primary-hover)}.sk24-app .vp-btn-primary:active{transform:scale(.97)}.sk24-app .vp-btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.sk24-app .vp-btn-primary:focus-visible{box-shadow:0 0 0 3px #039fd147, var(--sk-shadow-primary);outline:none}.sk24-app .vp-btn-primary svg{flex-shrink:0;width:16px;height:16px}.vp-price-popover{z-index:1100;color:#1a1a1a;background:#fff;border:1.5px solid #00000014;border-radius:14px;flex-direction:column;gap:12px;width:340px;padding:14px;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;box-shadow:0 12px 40px #0000001f,0 2px 8px #0000000d}.vp-pq-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.vp-pq-chip{letter-spacing:-.01em;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;height:52px;font-family:inherit;font-size:13px;font-weight:800;transition:background .15s cubic-bezier(.4,0,.2,1),transform 80ms cubic-bezier(.4,0,.2,1);display:inline-flex}.vp-pq-chip:active{transform:scale(.96)}.vp-pq-chip--neg{color:#b91c1c;background:#dc35451f}.vp-pq-chip--neg:hover{background:#dc354533}.vp-pq-chip--pos{color:#047857;background:#12a15e24}.vp-pq-chip--pos:hover{background:#12a15e38}.vp-pq-stepper{background:#0000000a;border-radius:14px;grid-template-columns:56px 1fr 56px;align-items:center;height:64px;display:grid;overflow:hidden}.vp-pq-step-btn{cursor:pointer;color:#525252;background:0 0;border:none;justify-content:center;align-items:center;height:100%;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.vp-pq-step-btn:hover{color:#1a1a1a;background:#0000000f}.vp-pq-step-value,.vp-pq-step-edit{color:#1a1a1a;text-align:center;letter-spacing:-.02em;cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:none;padding:0;font-family:inherit;font-size:20px;font-weight:800}.vp-pq-step-value:hover{color:#039fd1}.vp-pq-step-edit{outline:none;width:100%}.vp-pq-step-edit:focus{color:#039fd1}.vp-pq-reset{color:#6b7280;cursor:pointer;letter-spacing:.03em;background:0 0;border:none;height:36px;font-family:inherit;font-size:12px;font-weight:700;transition:color .15s cubic-bezier(.4,0,.2,1)}.vp-pq-reset:hover{color:#039fd1}@media (max-width:768px){.sk24-app .workspace{background:var(--sk-bg);flex-direction:column;gap:0;padding:0;overflow:auto}.sk24-app .browser-col{width:100%;box-shadow:none;background:0 0;padding:6px 16px 0;overflow:visible}.sk24-app .browser-top-zone{flex-direction:column;gap:8px;padding-top:6px}.sk24-app .browser-top-right{display:none}.sk24-app .browser-toolbar-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:6px;padding-bottom:2px;overflow-x:auto}.sk24-app .browser-toolbar-row::-webkit-scrollbar{display:none}.sk24-app .menu-sel{border-radius:10px;flex-shrink:0;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;font-size:13px}.sk24-app .menu-sel .menu-sel-label,.sk24-app .menu-sel .menu-sel-chevron{display:none}.sk24-app .menu-sel .menu-sel-icon{opacity:.85;width:18px;height:18px}.sk24-app .dp-toggle{flex-shrink:0;height:44px}.sk24-app .dp-toggle-btn{height:36px;min-height:36px;padding:0 12px;font-size:13px}.sk24-app .util-btn{white-space:nowrap;border-radius:10px;flex-shrink:0;height:44px;min-height:44px;padding:0 12px;font-size:13px}.sk24-app .topcat-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.sk24-app .topcat-bar::-webkit-scrollbar{display:none}.sk24-app .topcat-chip{white-space:nowrap;border-radius:10px;flex-shrink:0;min-height:44px;padding:0 16px;font-size:13px}.sk24-app .catbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;grid-template-columns:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.sk24-app .catbar::-webkit-scrollbar{display:none}.sk24-app .cat-chip{white-space:nowrap;border-radius:12px;flex-shrink:0;min-height:44px;padding:0 14px;font-size:13px}.sk24-app .browser-top-left{max-width:100%;overflow:hidden}.sk24-app .search-input-wrap{margin:0 0 8px}.sk24-app .search-input{border-radius:12px;height:44px;font-size:15px}.sk24-app .order-col{border-left:none;border-top:1px solid var(--sk-border);width:100%;max-height:none;margin-bottom:80px}.sk24-app .vp-body{flex-direction:column}.sk24-app .vp-steps{border-right:none;border-bottom:1px solid var(--sk-border);flex-direction:row;width:100%;padding:8px 10px;overflow:auto hidden}.sk24-app .vp-step{flex-shrink:0;width:auto;min-width:140px}.sk24-app .demo-toggle,.sk24-app .demo-launcher{display:none}}@media (prefers-reduced-motion:reduce){.sk24-app .vp-panel,.sk24-app .vp-overlay{animation:none}.sk24-app *,.sk24-app :before,.sk24-app :after{transition-duration:.01ms!important}}