.qr-panel{position:relative;flex-shrink:0;height:100%;background:var(--bg-panel);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.qr-resize-handle{position:absolute;top:0;left:-3px;width:6px;height:100%;cursor:col-resize;z-index:5}.qr-resize-handle:hover{background:var(--bg-active)}.qr-header{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.qr-header h2{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;flex:1 1}.qr-icon-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qr-icon-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.qr-icon-btn:disabled{opacity:.3;cursor:default}.qr-toolbar{display:flex;gap:8px;margin:12px 16px}.qr-new-btn{flex:1 1;padding:10px;border-radius:10px;border:1px dashed var(--border);background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;cursor:pointer}.qr-new-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.qr-new-btn.secondary{flex:0 0 auto;padding:10px 12px}.qr-new-category{margin:0 16px 12px;padding:12px;background:var(--bg-hover);border-radius:10px;display:flex;flex-direction:column;gap:10px}.qr-new-category input[type=text]{padding:7px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-size:13px;outline:none}.qr-color-swatches{display:flex;gap:8px}.qr-color-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer}.qr-color-swatch.active{border-color:var(--text-primary)}.qr-hint{padding:12px 16px;font-size:13px;color:var(--text-muted)}.qr-list{display:flex;flex-direction:column;padding:0 8px 16px}.qr-category{margin-bottom:4px}.qr-category-header{display:flex;align-items:center;gap:8px;width:100%;padding:8px;background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.qr-category-header.static{cursor:default}.qr-category-header:hover:not(.static){color:var(--text-primary)}.qr-category-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.qr-category-name{flex:1 1;text-align:left}.qr-category-count{font-weight:400;color:var(--text-muted)}.qr-row{display:flex;align-items:center;gap:4px;padding:4px;border-radius:10px}.qr-row:hover{background:var(--bg-hover)}.qr-row-main{flex:1 1;text-align:left;background:none;border:none;padding:8px;cursor:pointer;border-radius:8px;min-width:0}.qr-row-main:disabled{cursor:default;opacity:.6}.qr-row-title{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qr-row-meta{font-size:12px;color:var(--text-muted)}.qr-row-actions{display:flex;gap:2px;flex-shrink:0}.qr-title-editable{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;flex:1 1;cursor:pointer}.qr-title-editable:hover{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.qr-title-input{flex:1 1;font-size:16px;font-weight:600;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;padding:3px 8px;color:var(--text-primary);outline:none}.qr-category-select{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border);font-size:12px;color:var(--text-secondary)}.qr-category-select select{flex:1 1;padding:5px 8px;border-radius:6px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-size:13px;outline:none}.qr-save-category-btn{padding:5px 12px;border-radius:6px;border:none;background:var(--btn-bg);color:var(--btn-fg);font-size:12px;font-weight:500;cursor:pointer;flex-shrink:0}.qr-save-category-btn:disabled{opacity:.4;cursor:default}.qr-steps{display:flex;flex-direction:column;gap:8px;padding:12px 16px}.qr-step{display:flex;gap:10px;padding:10px;background:var(--bg-hover);border-radius:10px}.qr-step-icon{width:28px;height:28px;border-radius:8px;background:var(--bg-active);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.qr-step-body{flex:1 1;min-width:0}.qr-step-text{font-size:13px;color:var(--text-primary);white-space:pre-wrap}.qr-step-media img{max-width:160px;max-height:160px;border-radius:6px;display:block}.qr-step-media audio{max-width:100%;height:32px}.qr-step-meta{display:flex;gap:10px;font-size:11px;color:var(--text-muted);margin-top:4px}.qr-step-actions{display:flex;flex-direction:column;gap:0;flex-shrink:0}.qr-add-type-picker{display:flex;gap:8px;padding:12px 16px}.qr-add-type-picker button{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:10px;border:1px dashed var(--border);background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer}.qr-add-type-picker button:hover{background:var(--bg-hover);color:var(--text-primary)}.qr-add-form{display:flex;flex-direction:column;gap:10px;padding:12px 16px;background:var(--bg-hover);margin:0 16px 16px;border-radius:10px}.qr-editing-label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted)}.qr-current-media-preview{max-width:100%;max-height:140px;border-radius:6px}.qr-add-textarea{min-height:70px;resize:vertical;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-family:inherit;font-size:13px;outline:none}.qr-add-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary)}.qr-add-field input[type=number]{padding:6px 8px;border-radius:6px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);outline:none;width:100px}.qr-add-field.checkbox{flex-direction:row;align-items:center;gap:6px}.qr-file-pick-btn{padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer}.qr-add-actions{display:flex;gap:8px;justify-content:flex-end}.qr-add-actions button{padding:6px 14px;border-radius:16px;border:none;font-size:13px;cursor:pointer}.qr-add-actions button:first-child{background:var(--bg-active);color:var(--text-secondary)}.qr-add-actions button:last-child{background:var(--btn-bg);color:var(--btn-fg);font-weight:500}.qr-add-actions button:disabled{opacity:.5}@media (max-width:768px){.qr-panel{width:100%!important}.qr-resize-handle{display:none}}.qr-category-header-row{display:flex;align-items:center;gap:4px}.qr-category-header-row .qr-category-header{flex:1 1}.qr-category-actions{display:flex;gap:0;flex-shrink:0;padding-right:4px}.qr-category-edit-form{display:flex;flex-direction:column;gap:8px;padding:10px;margin:4px 4px 8px;background:var(--bg-hover);border-radius:8px}.qr-category-edit-form input[type=text]{padding:6px 8px;border-radius:6px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-size:13px;outline:none}.qr-delete-cat-btn{display:flex;align-items:center;gap:4px;margin-right:auto;color:#f87171!important;background:transparent!important}.products-panel{position:relative;flex-shrink:0;width:380px;height:100%;background:var(--bg-panel);border-left:1px solid var(--border);overflow-y:auto}.product-form,.products-panel{display:flex;flex-direction:column}.product-form{gap:10px;padding:12px 16px}.product-show-inactive{display:flex;align-items:center;gap:6px;padding:0 16px 10px;font-size:12px;color:var(--text-secondary)}.product-list{display:flex;flex-direction:column;padding:0 8px 16px}.product-row{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:10px}.product-row:hover{background:var(--bg-hover)}.product-row.inactive{opacity:.5}.product-icon{width:28px;height:28px;border-radius:8px;background:var(--bg-active);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.product-info{flex:1 1;min-width:0}.product-name{font-size:14px;font-weight:500;color:var(--text-primary)}.product-code{font-size:11px;font-weight:400;color:var(--text-muted);font-family:monospace}.product-meta{display:flex;gap:8px;font-size:12px;color:var(--text-secondary);margin-top:2px}.product-inactive-tag{color:var(--text-muted);font-style:italic}@media (max-width:768px){.products-panel{width:100%}}