:root{--color-bg: #f8f9fa;--color-surface: #ffffff;--color-text: #1a1a2e;--color-text-muted: #6c757d;--color-primary: #4361ee;--color-border: #dee2e6;--color-success: #28a745;--color-error: #dc3545;--radius: 8px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text)}.page-shell{padding:var(--space-lg)}.page-header{display:flex;justify-content:space-between;align-items:center;min-height:34px;margin-bottom:var(--space-lg)}.page-header h1{font-size:1.5rem}.btn{display:inline-block;padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-size:.85rem;text-decoration:none;cursor:pointer}.page-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-lg)}.form-stack{display:flex;flex-direction:column;gap:var(--space-sm)}.form-row{display:flex;gap:var(--space-sm)}.form-grid{display:grid;grid-template-columns:1fr 120px;gap:var(--space-sm)}.input{padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.85rem;width:100%}.btn-secondary{padding:6px 14px;border:none;border-radius:var(--radius);cursor:pointer;font-size:.85rem;background:var(--color-border)}.btn-sm{padding:6px 14px;border:none;border-radius:var(--radius);cursor:pointer;font-size:.85rem;background:var(--color-primary);color:#fff}.text-muted{color:var(--color-text-muted)}.text-error{color:#dc3545;font-size:.85rem}.alert-error{padding:var(--space-sm) 12px;margin-bottom:var(--space-md);background:#f8d7da;color:#721c24;border-radius:var(--radius);font-size:.9rem}.icon-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;font-size:.85rem}.icon-btn--borderless{border-color:transparent}.icon-btn--active{background:var(--color-border)}.tree-node__row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius)}.tree-node__row:hover{background:var(--color-bg)}.tree-node__drag{cursor:grab;color:var(--color-text-muted);font-size:.85rem;-webkit-user-select:none;user-select:none;width:16px;text-align:center;flex-shrink:0}.tree-node__collapse{background:none;border:none;cursor:pointer;padding:2px 4px;font-size:.7rem;color:var(--color-text-muted);width:20px;text-align:center}.tree-node__spacer{width:20px}.tree-node__info{flex:1;min-width:0}.tree-node__title{font-weight:600;font-size:.95rem}.tree-node__subtitle{color:var(--color-text-muted);font-size:.85rem}.tree-node__product-header{display:flex;align-items:baseline;gap:var(--space-sm)}.tree-node__product-name,.tree-node__product-price{font-weight:500}.tree-node__variant-name{color:var(--color-text-muted);font-weight:400}.tree-node__description{color:var(--color-text-muted);font-size:.8rem}.tree-node__actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.dropdown{position:relative}.dropdown__panel{position:absolute;right:0;top:calc(100% + 4px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 4px 12px #0000001a;z-index:10;min-width:120px;overflow:hidden}.dropdown__item{display:block;width:100%;padding:var(--space-sm) 14px;border:none;background:none;text-align:left;cursor:pointer;font-size:.85rem}.dropdown__item:hover{background:var(--color-bg)}.dropdown__item--danger{color:#dc3545}.dropdown__divider{border-top:1px solid var(--color-border)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--color-surface);border-radius:var(--radius);box-shadow:0 8px 32px #00000026;width:100%;max-width:480px;padding:var(--space-lg)}.modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.modal__title{font-size:1rem;font-weight:600}.modal__close{background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--color-text-muted);padding:0 4px}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:2px solid var(--color-border);color:var(--color-text-muted);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.data-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.sub-row{padding:var(--space-md)!important;background:var(--color-bg)}.inline-form{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:var(--space-md)}.inline-form input,.inline-form select{padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.875rem;background:var(--color-bg);color:var(--color-text);flex:1;min-width:120px}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center}.tag{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;background:var(--color-border);border-radius:var(--radius);font-size:.8rem}.tag--mono{font-family:monospace}.tag__remove{background:none;border:none;cursor:pointer;padding:0 2px;line-height:1;font-size:.9rem;color:var(--color-text-muted)}.row-actions{display:flex;justify-content:flex-end;gap:var(--space-xs)}.modal__footer{display:flex;justify-content:flex-end;gap:var(--space-sm)}.col-actions{text-align:right}.pattern-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-xs)}.pattern-editor{display:flex;flex-direction:column;gap:var(--space-xs)}.pattern-editor--modal{margin-bottom:var(--space-md)}.pattern-editor__row{display:grid;grid-template-columns:90px 1fr auto;gap:var(--space-sm);align-items:center}.pattern-editor__method{padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.875rem;background:var(--color-bg);color:var(--color-text);font-family:monospace}.pattern-editor__url{padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.875rem;background:var(--color-bg);color:var(--color-text);font-family:monospace;width:100%}.pattern-editor__url--static{border-color:transparent;background:transparent;padding-left:0}.role-select{padding:2px 6px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.8rem;background:var(--color-bg);color:var(--color-text-muted);cursor:pointer}.flex-1{flex:1}.role-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm)}.role-list li{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg)}.login-card{width:100%;max-width:360px;padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.login-title{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-lg);text-align:center}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.login-field{display:flex;flex-direction:column;gap:var(--space-xs)}.login-field label{font-size:.875rem;font-weight:500;color:var(--color-text)}.login-field input{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-size:.9375rem}.login-field input:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.login-error{color:#ef4444;font-size:.875rem}.login-btn{padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-size:.9375rem;font-weight:500;cursor:pointer}.login-btn:disabled{opacity:.6;cursor:not-allowed}.image-upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius);padding:var(--space-md) var(--space-lg);text-align:center;cursor:pointer;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.image-upload-zone:hover:not(.image-upload-zone--disabled){border-color:var(--color-primary);background:#4361ee0a}.image-upload-zone--drag{border-color:var(--color-primary);background:#4361ee14}.image-upload-zone--disabled{opacity:.6;cursor:not-allowed}.image-upload-zone__label{font-size:.85rem;color:var(--color-text-muted)}.image-upload-zone__browse{color:var(--color-primary);text-decoration:underline}.form-section{display:flex;flex-direction:column;gap:var(--space-sm)}.form-section__label{font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.image-thumbnail-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.image-thumbnail{position:relative;width:72px;height:72px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--color-border)}.image-thumbnail__img{width:100%;height:100%;object-fit:cover;display:block}.image-thumbnail__cover-ribbon{position:absolute;bottom:0;left:0;right:0;background:#00000080;color:#fff;font-size:.55rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-align:center;padding:2px 0;pointer-events:none;z-index:1}.image-thumbnail__remove{position:absolute;top:2px;right:2px;width:18px;height:18px;font-size:.6rem;line-height:18px;padding:0;background:#0000008c;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.image-thumbnail__remove:hover{background:var(--color-error)}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;width:200px;height:100vh;background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-lg) 0;flex-shrink:0;display:flex;flex-direction:column}.sidebar-header{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text);margin-bottom:var(--space-lg);padding:0 var(--space-lg)}.sidebar-nav{list-style:none;flex:1}.sidebar-nav a{display:block;padding:8px var(--space-lg);text-decoration:none;color:var(--color-text-muted);font-size:.875rem;border-left:2px solid transparent;transition:color .1s,background .1s}.sidebar-nav a:hover{color:var(--color-text);background:#f0f0f0}.sidebar-nav a.active{color:var(--color-primary);border-left-color:var(--color-primary);background:#4361ee14}.main{margin-left:200px;flex:1;height:100vh;overflow-y:auto}.loading{padding:var(--space-lg);color:var(--color-text-muted)}.health-status{display:flex;align-items:center;gap:6px;padding:0 var(--space-lg)}.health-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.health-dot.ok{background:#22c55e}.health-dot.error{background:#ef4444}.health-dot.loading{background:var(--color-border)}.health-label{font-size:.75rem;color:var(--color-text-muted)}.health-version{font-size:.675rem;color:var(--color-text-muted)}.sidebar-logout{margin-bottom:var(--space-md);padding:6px var(--space-lg);background:none;border:none;color:var(--color-text-muted);font-size:.875rem;cursor:pointer;text-align:left;width:100%;transition:color .1s}.sidebar-logout:hover{color:var(--color-text)}