:root{--primary-color:#b0362f;--primary-hover:#8e2b26;--bg-color:#f8f7f5;--sidebar-bg:#fcfcfc;--card-bg:#fff;--text-primary:#1e1d1c;--text-secondary:#6e6a67;--text-light:#a6a3a0;--border-color:#e8e6e3;--success-color:#4c6b55;--danger-color:#b0362f;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:"Playfair Display", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .2s}a{color:inherit;text-decoration:none}.serif{font-family:var(--font-serif)}.app-container{min-height:100vh;display:flex}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:240px;min-width:240px;transition:all .3s;display:flex;position:relative}.sidebar-header{padding:40px 30px 20px}.brand-title{color:var(--text-primary);margin-bottom:6px;font-size:20px;font-weight:700}.brand-subtitle{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;font-size:10px;line-height:1.4}.sidebar-nav{flex-direction:column;flex-grow:1;padding:30px 0;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;align-items:center;padding:14px 30px;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative}.nav-item:hover{color:var(--primary-color);background-color:#b0362f0a}.nav-item.active{color:var(--primary-color);background-color:#b0362f0a;border-radius:0;width:100%;margin:0;font-weight:600}.nav-item.active:after{content:"";background-color:var(--primary-color);border-radius:4px 0 0 4px;width:4px;height:80%;position:absolute;top:10%;right:0}.nav-icon{stroke-width:2.2px;width:18px;height:18px;margin-right:14px}.sidebar-footer{border-top:1px solid var(--border-color);align-items:center;padding:20px 30px;display:flex}.user-avatar{background-color:#edc;border-radius:6px;width:36px;height:36px;margin-right:12px;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-info{flex-direction:column;display:flex}.user-name{color:var(--text-primary);font-size:13px;font-weight:600}.user-role{color:var(--text-light);text-transform:uppercase;font-size:10px}.main-content{flex-direction:column;flex-grow:1;padding-bottom:60px;display:flex}.topbar{background-color:var(--bg-color);z-index:10;align-items:center;height:70px;padding:0 40px;display:flex;position:sticky;top:0}.search-container{background-color:#f0eeea;border-radius:8px;align-items:center;width:400px;padding:8px 16px;transition:all .3s;display:flex}.search-container:focus-within{background-color:#fff;box-shadow:0 4px 12px #0000000d}.search-icon{color:var(--text-light);margin-right:10px}.search-input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:13px}.search-input::placeholder{color:var(--text-light)}.page-content{max-width:1200px;padding:20px 40px}.page-title{color:var(--text-primary);margin-bottom:30px;font-size:32px;font-weight:600}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;display:grid}.metric-card{background-color:var(--card-bg);border-radius:12px;flex-direction:column;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000005}.metric-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000d}.metric-label{color:var(--text-secondary);margin-bottom:12px;font-size:13px;font-weight:500}.metric-data{align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.metric-value{color:var(--primary-color);font-size:36px;font-weight:700;line-height:1}.metric-trend{font-size:12px;font-weight:600}.metric-bar-container{background-color:var(--border-color);border-radius:2px;height:4px;overflow:hidden}.metric-bar-fill{border-radius:2px;height:100%}.fill-red{background-color:var(--primary-color);width:38%}.fill-gold{background-color:#c49a45;width:45%}.fill-green{background-color:var(--success-color);width:80%}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.section-title{color:var(--text-primary);font-size:20px;font-weight:700}.btn-primary{color:#fff;background-color:#a44037;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:500;display:flex;box-shadow:0 2px 4px #a4403733}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 4px 8px #a440374d}.modules-list{flex-direction:column;gap:12px;display:flex}.module-item{background-color:var(--card-bg);border:1px solid #0000;border-radius:10px;align-items:center;padding:20px 24px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.module-item:hover{border-color:var(--border-color);box-shadow:0 4px 12px #00000008}.drag-handle{color:#dedbda;cursor:grab;margin-right:20px}.module-info{flex-grow:1}.module-title{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.module-desc{color:var(--text-secondary);font-size:12px}.module-controls{align-items:center;gap:30px;display:flex}.module-status{flex-direction:column;align-items:flex-end;min-width:60px;display:flex}.status-label{text-transform:uppercase;color:var(--text-light);letter-spacing:.5px;margin-bottom:4px;font-size:9px}.status-value{color:var(--text-primary);align-items:center;font-size:12px;font-weight:500;display:flex}.status-dot{border-radius:50%;width:6px;height:6px;margin-right:6px}.dot-visible{background-color:var(--success-color)}.dot-hidden{background-color:var(--danger-color)}.btn-icon{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);background-color:#fff;border-radius:6px;justify-content:center;align-items:center;display:flex}.btn-icon:hover{background-color:var(--bg-color);color:var(--primary-color);border-color:#d8d6d4}.brand-page-container{flex-direction:column;height:calc(100vh - 70px);padding:24px 40px;display:flex}.brand-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.page-subtitle{color:var(--text-secondary);font-size:14px}.header-actions{align-items:center;gap:16px;display:flex}.mini-metric{background:var(--card-bg);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;min-width:120px;height:64px;padding:12px 24px;display:flex;box-shadow:0 1px 3px #00000005}.mini-metric-label{color:var(--text-light);margin-bottom:4px;font-size:11px}.mini-metric-value{color:var(--primary-color);font-size:20px;font-weight:700}.brand-content-split{flex-grow:1;gap:24px;display:flex;overflow:hidden}.brand-list-section{background:var(--card-bg);border-radius:12px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 1px 4px #00000005}.filter-bar{border-bottom:1px solid var(--border-color);background:#fdfcfb;flex-direction:column;padding:16px 24px;display:flex}.filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-input-wrap{border:1px solid var(--border-color);background:#fff;border-radius:6px;flex:2;align-items:center;min-width:200px;height:36px;padding:0 12px;display:flex}.filter-icon{color:var(--text-light);margin-right:8px}.filter-input{width:100%;color:var(--text-primary);border:none;outline:none;font-size:13px}.filter-select-wrap{border:1px solid var(--border-color);height:36px;color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:6px;flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:120px;padding:0 16px;font-size:13px;display:flex}.btn-query{background-color:var(--primary-color);color:#fff;border-radius:6px;height:36px;padding:0 20px;font-size:13px;font-weight:500;transition:background .2s}.btn-query:hover{background-color:var(--primary-hover)}.brand-table-wrap{flex:1;overflow:auto}.brand-table{border-collapse:collapse;width:100%}.brand-table th{text-align:left;text-transform:uppercase;color:var(--text-light);letter-spacing:.5px;background:var(--card-bg);z-index:10;border-bottom:1px solid var(--border-color);padding:16px 24px;font-size:10px;font-weight:600;position:sticky;top:0}.brand-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:16px 24px}.brand-table tbody tr{transition:background .2s}.brand-table tbody tr:hover,.row-selected{background:#fdfaf9}.col-id{color:var(--text-light);font-size:13px}.col-year{color:var(--text-primary);font-size:14px}.brand-cell{align-items:center;gap:16px;display:flex}.brand-logo{object-fit:cover;background:#f5f5f5;border-radius:4px;width:40px;height:48px}.brand-name-cn{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:600}.brand-name-en{color:var(--text-secondary);font-size:12px}.status-badge{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:inline-flex}.status-badge[data-status=enabled]{background-color:var(--success-bg);color:var(--success-color)}.status-badge[data-status=draft]{color:var(--text-secondary);background-color:#f0f0f0}.btn-edit-inline{color:#a63f35;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px}.btn-edit-inline:hover{background:#a63f351a}.brand-edit-sidebar{background:var(--bg-color);flex-direction:column;flex-shrink:0;width:350px;min-width:350px;display:flex}.edit-sidebar-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.edit-title{font-size:18px;font-weight:700}.btn-icon-soft{width:36px;height:36px;color:var(--text-secondary);background:#ebe8e6;border-radius:6px;justify-content:center;align-items:center;display:flex}.edit-form-scroll{flex:1;padding-right:12px;overflow-y:auto}.edit-form-scroll::-webkit-scrollbar{width:4px}.edit-form-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.form-section{margin-bottom:32px}.section-divider{color:var(--text-light);letter-spacing:.5px;border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:8px;font-size:10px}.form-group{margin-bottom:16px}.form-group label{color:var(--text-primary);margin-bottom:8px;font-size:11px;font-weight:600;display:block}.form-input{border:1px solid var(--border-color);width:100%;height:38px;color:var(--text-primary);background:#fff;border-radius:6px;outline:none;padding:0 12px;font-size:13px}.form-input:focus{border-color:var(--primary-color)}.font-italic{font-style:italic}.form-row{gap:12px;display:flex}.flex-1{flex:1}.row-group{align-items:flex-end;gap:16px;display:flex}.cover-image-preview{border:1px solid var(--border-color);background-position:50%;background-size:cover;border-radius:6px;width:100%;height:120px;position:relative;overflow:hidden}.clickable{cursor:pointer}.upload-overlay{color:#fff;opacity:0;background:#0006;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;font-size:12px;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.cover-image-preview:hover .upload-overlay{opacity:1}.logo-preview{border:1px solid var(--border-color);background:#f4f3f1;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative;overflow:hidden}.full-img{object-fit:cover;width:100%;height:100%}.logo-overlay{background:var(--primary-color);color:#fff;opacity:.8;border-radius:4px 0 0;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:0;right:0}.btn-upload-trigger{border:1px solid var(--border-color);width:100%;height:38px;color:var(--text-secondary);text-align:left;cursor:pointer;background:#fff;border-radius:6px;padding:0 12px;font-size:13px}.btn-upload-trigger:hover{border-color:var(--primary-color);color:var(--primary-color)}.input-with-prefix{border:1px solid var(--border-color);background:#fff;border-radius:6px;display:flex;overflow:hidden}.input-with-prefix .prefix{color:var(--text-secondary);border-right:1px solid var(--border-color);background:#f4f3f1;align-items:center;padding:0 12px;font-size:12px;display:flex}.input-with-prefix .no-left-border{border:none;border-radius:0}.textarea{resize:vertical;height:100px;padding:12px}.linked-wineries-wrap{border:1px solid var(--border-color);background:#fdfcfb;border-radius:6px;flex-wrap:wrap;gap:8px;min-height:40px;padding:10px;display:flex}.winery-tag{color:var(--primary-color);background:#b0362f0f;border:1px solid #b0362f33;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.winery-tag-remove{color:var(--primary-color);cursor:pointer;opacity:.6;background:0 0;border:none;padding:0;font-size:14px;line-height:1;transition:opacity .2s}.winery-tag-remove:hover{opacity:1}.winery-empty-hint{color:var(--text-light);font-size:12px;font-style:italic}.winery-suggestions{border:1px solid var(--border-color);z-index:200;background:#fff;border-radius:0 0 8px 8px;max-height:180px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000000f}.winery-suggestion-item{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:12px 16px;font-size:13px;transition:background .15s;display:flex}.winery-suggestion-item:hover{background:#fdfaf9}.suggestion-plus{color:var(--primary-color);font-size:16px;font-weight:700}.winery-suggestion-empty{color:var(--text-light);padding:12px 16px;font-size:12px;font-style:italic}.winery-mini-tag{border:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;background:#f5f3f0;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-block}.winery-more{color:var(--primary-color);background:#b0362f0d;border-color:#b0362f26}.terroir-page-container{padding:24px 40px 90px}.terroir-header-area{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.terroir-search-box{background:var(--card-bg);border-radius:12px;margin-bottom:32px;padding:24px;box-shadow:0 1px 4px #00000005}.terroir-search-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:700;display:flex}.terroir-filters{gap:16px;margin-bottom:20px;display:flex}.t-filter-input{border:1px solid var(--border-color);background:#fdfcfb;border-radius:6px;flex:2;align-items:center;height:38px;padding:0 12px;display:flex}.t-filter-input input{background:0 0;border:none;outline:none;width:100%;margin-left:8px;font-size:13px}.t-filter-select{border:1px solid var(--border-color);height:38px;color:var(--text-secondary);cursor:pointer;background:#fdfcfb;border-radius:6px;flex:1;justify-content:space-between;align-items:center;padding:0 16px;font-size:13px;display:flex}.btn-reset{color:var(--text-secondary);cursor:pointer;background:#f0eeea;border:none;border-radius:6px;padding:0 20px;font-size:13px;font-weight:600;transition:all .2s}.btn-reset:hover{background:#e6e3df}.t-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.t-table th{text-align:left;color:var(--text-light);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:#fdfcfb;padding:12px 16px;font-size:11px;font-weight:600}.t-table th:first-child{width:30%}.t-table th:nth-child(2),.t-table th:nth-child(3),.t-table th:nth-child(4){width:15%}.t-table th:nth-child(5){width:25%}.t-table th:first-child{border-left:1px solid var(--border-color);border-top-left-radius:6px;border-bottom-left-radius:6px}.t-table th:last-child{border-right:1px solid var(--border-color);border-top-right-radius:6px;border-bottom-right-radius:6px}.t-table td{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #f4f3f1;padding:16px;font-size:13px;overflow:hidden}.t-row{cursor:pointer;transition:all .2s}.t-row:hover,.t-row.active{background:#fdfaf9}.t-row.active td:first-child{position:relative}.t-row.active td:first-child:before{content:"";background:var(--primary-color);width:3px;height:100%;position:absolute;top:0;left:0}.t-row .region-name{color:var(--text-primary);font-weight:600}.t-tag{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;padding:4px 8px;font-size:11px;display:inline-block}.editor-header{margin-bottom:24px}.editor-title{color:var(--text-primary);align-items:center;gap:12px;margin-bottom:8px;font-size:28px;font-weight:700;display:flex}.editor-title-italic{font-family:var(--font-serif);color:#d19a8b;font-style:italic;font-weight:400}.editor-subtitle{color:var(--text-secondary);font-size:13px}.t-content-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.t-card{background:var(--card-bg);border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 1px 4px #00000005}.t-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.t-card-title{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.t-label{color:var(--text-secondary);margin-bottom:8px;font-size:11px;display:block}.t-input{border:1px solid var(--border-color);width:100%;height:42px;color:var(--text-primary);background:#fdfcfb;border-radius:6px;margin-bottom:20px;padding:0 16px;font-size:14px}.t-textarea{border:1px solid var(--border-color);resize:vertical;width:100%;min-height:100px;color:var(--text-primary);background:#fdfcfb;border-radius:6px;padding:16px;font-size:13px;line-height:1.6}.dna-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.dna-box{border:1px solid var(--border-color);background:#fcfcfb;border-radius:8px;padding:16px}.dna-box-header{color:var(--text-secondary);justify-content:space-between;margin-bottom:12px;font-size:11px;font-weight:600;display:flex}.dna-value{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:700}.dna-subtext{color:var(--text-light);font-size:10px;font-style:italic}.editable-dna{border:1px solid var(--border-color);transition:all .2s}.editable-dna:focus-within{border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 0 0 3px #a63f3514;background:#fff!important}.dna-input-value{color:var(--text-primary);background:0 0;border:none;border-bottom:1px solid #0000;outline:none;width:100%;margin-bottom:2px;padding:4px 0;font-size:16px;font-weight:700;transition:border-bottom .2s}.dna-input-value:focus{color:var(--primary-color)}.dna-input-subtext{color:var(--text-light);background:0 0;border:none;outline:none;width:100%;padding:2px 0;font-size:10px;font-style:italic}.dna-percentage-input{color:var(--primary-color);text-align:right;background:#a63f350a;border:1px solid #0000;border-radius:4px;outline:none;width:48px;margin-right:2px;padding:2px 6px;font-size:14px;font-weight:700;transition:all .2s}.dna-percentage-input:focus{background:#fff;border-color:#a63f354d}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dna-box-full{border:1px solid var(--border-color);background:#fcfcfb;border-radius:8px;padding:16px}.dna-flex-row{justify-content:space-between;align-items:flex-end;display:flex}.progress-bar-wrap{background:#f0eeea;border-radius:2px;width:160px;height:4px;margin-bottom:6px;margin-right:12px;display:inline-block}.progress-bar-fill{background:var(--primary-color);border-radius:2px;height:100%}.gallery-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.gallery-img{object-fit:cover;border-radius:8px;width:100%;height:120px}.gallery-add{border:1px dashed var(--border-color);height:120px;color:var(--text-light);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.gallery-add:hover{color:var(--primary-color);border-color:var(--primary-color);background:#fdfcfb}.btn-upload-text{color:var(--primary-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.winery-card{border:1px solid var(--border-color);border-radius:8px;align-items:center;margin-bottom:12px;padding:12px 16px;display:flex}.winery-logo-box{color:var(--primary-color);font-weight:700;font-family:var(--font-serif);background:#fcfcfb;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;margin-right:16px;font-size:16px;display:flex}.winery-details{flex:1}.winery-name{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:600}.winery-stats{color:var(--text-secondary);align-items:center;gap:12px;font-size:10px;display:flex}.w-score{color:#c49a45;align-items:center;gap:2px;font-weight:600;display:flex}.btn-outline-full{border:1px solid var(--border-color);width:100%;color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:8px;padding:12px;font-size:12px;font-weight:600;transition:all .2s}.btn-outline-full:hover{color:var(--text-primary);background:#fdfcfb;border-color:#dcd8d4}.sticky-action-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border-color);z-index:100;background:#fffffff2;justify-content:space-between;align-items:center;height:70px;padding:0 40px;display:flex;position:fixed;bottom:0;left:240px;right:0;box-shadow:0 -4px 12px #00000005}.action-status{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.status-dot-orange{background-color:#f19a3e;border-radius:50%;width:6px;height:6px}.action-buttons{gap:16px;display:flex}.btn-ghost{color:var(--text-primary);background:0 0;border:none;padding:0 16px;font-size:13px;font-weight:600}.btn-ghost:hover{color:var(--primary-color)}.product-page-container{padding:24px 40px 90px}.product-header-area{margin-bottom:24px}.p-breadcrumb{color:var(--text-light);margin-bottom:12px;font-size:11px;font-weight:500}.p-header-row{justify-content:space-between;align-items:center;display:flex}.p-title{font-size:24px;font-family:var(--font-serif);color:var(--text-primary);font-weight:700}.p-metrics-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px;display:grid}.p-metric-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:flex-start;padding:24px;display:flex;box-shadow:0 1px 4px #00000005}.p-metric-left{flex-direction:column;display:flex}.p-metric-title{color:var(--text-secondary);margin-bottom:16px;font-size:13px;font-weight:600}.p-metric-value{font-size:32px;font-family:var(--font-serif);color:var(--text-primary);margin-bottom:12px;font-weight:700;line-height:1}.p-metric-subtext{align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.p-list-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:32px;padding:24px 0 0;overflow:hidden;box-shadow:0 1px 4px #00000005}.p-filter-bar{gap:16px;padding:0 24px 24px;display:flex}.p-btn-dark{color:#fff;background:#1e1d1c;border-radius:6px;padding:0 24px;font-size:13px;font-weight:600}.p-pagination{border-top:1px solid var(--border-color);color:var(--text-secondary);background:#fdfcfb;justify-content:space-between;align-items:center;padding:16px 24px;font-size:12px;display:flex}.p-page-controls{gap:4px;display:flex}.p-page-btn{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:600;display:flex}.p-page-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.p-product-cell{align-items:center;gap:16px;display:flex}.p-product-img{background:#f5f3f0;border-radius:6px;justify-content:center;align-items:center;width:48px;height:48px;padding:4px;display:flex}.p-product-img img{object-fit:contain;max-width:100%;max-height:100%}.p-product-details{flex-direction:column;gap:4px;display:flex}.p-product-name{color:var(--text-primary);font-size:14px;font-weight:700}.p-product-sub{color:var(--text-light);font-size:11px}.p-brand-region{color:var(--text-primary);font-size:13px;font-weight:600}.p-class-badge{border:1px solid var(--border-color);color:var(--text-secondary);background:#f5f3f0;border-radius:12px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.status-chip{border-radius:4px;margin-right:6px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.chip-hot{color:#f19a3e;background:#f19a3e1a;border:1px solid #f19a3e4d}.chip-soldout{color:#4c6b55;background:#4c6b551a;border:1px solid #4c6b554d}.p-editor-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.p-editor-title-wrap{align-items:center;gap:12px;display:flex}.p-editor-icon{width:32px;height:32px;color:var(--primary-color);background:#b0362f1a;border-radius:6px;justify-content:center;align-items:center;display:flex}.p-editor-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.p-section-title{color:var(--text-secondary);letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:16px;font-size:11px;font-weight:700;display:flex}.p-section-title:before{content:"";background:#c49a45;border-radius:2px;width:3px;height:12px}.p-form-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.p-form-grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.p-input-group{margin-bottom:16px}.p-input-group label{color:var(--text-secondary);margin-bottom:6px;font-size:11px;display:block}.p-input{border:1px solid var(--border-color);width:100%;height:40px;color:var(--text-primary);background:#fdfcfb;border-radius:6px;outline:none;padding:0 12px;font-size:13px;transition:border-color .2s}.p-input:focus{border-color:var(--primary-color)}.p-textarea{border:1px solid var(--border-color);width:100%;color:var(--text-primary);resize:vertical;background:#fdfcfb;border-radius:6px;outline:none;min-height:80px;padding:12px;font-size:13px}.sku-table-wrap{border:1px solid var(--border-color);background:#fdfcfb;border-radius:8px;padding:1px}.sku-table{border-collapse:collapse;width:100%}.sku-table th{text-align:left;color:var(--text-light);border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:10px;font-weight:600}.sku-table td{color:var(--text-primary);border-bottom:1px solid #f4f3f1;padding:16px;font-size:13px;font-weight:600}.sku-table tr:last-child td{border-bottom:none}.sku-price{color:var(--primary-color)}.visual-assets{margin-bottom:32px}.visual-main-box{background:#2a3136;border-radius:12px;justify-content:center;align-items:center;height:320px;margin-bottom:12px;display:flex;position:relative;overflow:hidden}.visual-main-box img{object-fit:cover;opacity:.8;width:100%;height:100%}.visual-thumbs{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.v-thumb{aspect-ratio:1;border:1px solid var(--border-color);background:#fdfcfb;border-radius:8px;overflow:hidden}.v-thumb img{object-fit:cover;width:100%;height:100%}.v-thumb.add{border:1px dashed var(--border-color);color:var(--text-light);cursor:pointer;background:#f8f7f5;justify-content:center;align-items:center;display:flex}.sensory-box{background:#fdfaf6;border:1px solid #eaddd3;border-radius:12px;padding:24px}.sensory-row{margin-bottom:20px}.sensory-header{color:var(--text-secondary);justify-content:space-between;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.sensory-val{color:var(--primary-color);font-weight:700}.sensory-slider{-webkit-appearance:none;background:#eaddd3;border-radius:2px;outline:none;width:100%;height:4px}.sensory-slider::-webkit-slider-thumb{appearance:none;background:var(--primary-color);cursor:pointer;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0003}.sensory-slider::-moz-range-thumb{background:var(--primary-color);cursor:pointer;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0003}.sensory-footer{text-align:center;color:var(--text-light);margin-top:24px;font-size:10px}.p-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s forwards fadeIn;display:flex;position:fixed;top:0;left:0}.p-modal{background:#fff;border-radius:12px;width:460px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;overflow:hidden;transform:translateY(20px);box-shadow:0 20px 40px #0000001a}.p-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px;display:flex}.p-modal-title{color:var(--text-primary);font-size:16px;font-weight:700}.p-modal-close{color:var(--text-light);cursor:pointer;transition:color .2s}.p-modal-close:hover{color:var(--text-primary)}.p-modal-content{padding:24px}.p-modal-footer{border-top:1px solid var(--border-color);background:#fdfcfb;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.winery-page-container{flex-direction:column;height:calc(100vh - 70px);padding:24px 40px;display:flex}.winery-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.winery-content-split{flex-grow:1;gap:24px;display:flex;overflow:hidden}.winery-list-section{background:var(--card-bg);border-radius:12px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 1px 4px #00000005}.winery-table-wrap{flex:1;overflow:auto}.winery-table{border-collapse:collapse;table-layout:fixed;width:100%}.winery-table th{text-align:left;text-transform:uppercase;color:var(--text-light);letter-spacing:.5px;background:var(--card-bg);z-index:10;border-bottom:1px solid var(--border-color);padding:16px 20px;font-size:10px;font-weight:600;position:sticky;top:0}.winery-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;padding:16px 20px;overflow:hidden}.winery-table tbody tr{cursor:pointer;transition:background .2s}.winery-table tbody tr:hover,.winery-row-selected{background:#fdfaf9}.winery-cell{align-items:center;gap:14px;display:flex}.winery-avatar{object-fit:cover;background:#f5f3f0;border-radius:8px;flex-shrink:0;width:44px;height:44px}.winery-avatar-placeholder{width:44px;height:44px;font-family:var(--font-serif);color:var(--primary-color);background:linear-gradient(135deg,#f5ede9,#e8d8d2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.winery-name-cn{color:var(--text-primary);text-overflow:ellipsis;margin-bottom:2px;font-size:14px;font-weight:700;overflow:hidden}.winery-name-en{color:var(--text-secondary);text-overflow:ellipsis;font-size:11px;overflow:hidden}.winery-level-badge{color:#a07840;background:#fcfaf6;border:1px solid #eadacb;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.winery-type-tag{border:1px solid var(--border-color);color:var(--text-secondary);background:#f1f0ee;border-radius:4px;padding:3px 8px;font-size:11px;display:inline-block}.winery-edit-sidebar{background:var(--bg-color);flex-direction:column;flex-shrink:0;width:350px;min-width:350px;display:flex}.w-sidebar-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.w-edit-form-scroll{flex:1;padding-right:12px;overflow-y:auto}.w-edit-form-scroll::-webkit-scrollbar{width:4px}.w-edit-form-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.w-section{margin-bottom:28px}.w-section-label{letter-spacing:.5px;color:var(--text-light);border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:8px;font-size:10px}.w-form-group{margin-bottom:14px}.w-form-group label{color:var(--text-primary);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.w-input{border:1px solid var(--border-color);width:100%;height:38px;color:var(--text-primary);background:#fff;border-radius:6px;outline:none;padding:0 12px;font-size:13px;transition:border-color .2s}.w-input:focus{border-color:var(--primary-color)}.w-textarea{border:1px solid var(--border-color);width:100%;color:var(--text-primary);resize:vertical;background:#fff;border-radius:6px;outline:none;min-height:80px;padding:10px 12px;font-size:13px}.w-row{gap:12px;display:flex}.w-flex-1{flex:1}.w-select{border:1px solid var(--border-color);width:100%;height:38px;color:var(--text-primary);appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a6a3a0' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 12px center no-repeat;border-radius:6px;outline:none;padding:0 12px;font-size:13px}.w-cover-preview{border:1px solid var(--border-color);cursor:pointer;background-position:50%;background-size:cover;border-radius:8px;width:100%;height:110px;position:relative;overflow:hidden}.w-upload-overlay{color:#fff;opacity:0;background:#0006;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:11px;transition:opacity .2s;display:flex;position:absolute;inset:0}.w-cover-preview:hover .w-upload-overlay{opacity:1}.w-logo-row{align-items:flex-end;gap:14px;display:flex}.w-logo-box{border:1px solid var(--border-color);cursor:pointer;background:#f5f3f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;overflow:hidden}.w-logo-box img{object-fit:cover;width:100%;height:100%}.w-logo-badge{background:var(--primary-color);color:#fff;border-radius:3px 0 0;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:0;right:0}.w-brands-wrap{border:1px solid var(--border-color);background:#fdfcfb;border-radius:6px;flex-wrap:wrap;gap:8px;min-height:40px;padding:10px;display:flex}.w-brand-tag{color:var(--success-color);background:#4c6b5512;border:1px solid #4c6b5533;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.w-brand-tag-remove{color:var(--success-color);cursor:pointer;opacity:.6;background:0 0;border:none;padding:0;font-size:14px;line-height:1;transition:opacity .2s}.w-brand-tag-remove:hover{opacity:1}.w-empty-hint{color:var(--text-light);font-size:12px;font-style:italic}.w-suggestions{border:1px solid var(--border-color);z-index:200;background:#fff;border-radius:0 0 8px 8px;max-height:180px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000000f}.w-suggestion-item{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:11px 16px;font-size:13px;transition:background .15s;display:flex}.w-suggestion-item:hover{background:#fdfaf9}.w-suggestion-plus{color:var(--success-color);font-size:16px;font-weight:700}.w-suggestion-empty{color:var(--text-light);padding:12px 16px;font-size:12px;font-style:italic}.brand-mini-tag{color:var(--success-color);white-space:nowrap;background:#4c6b5512;border:1px solid #4c6b5533;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-block}.brand-more{border-color:var(--border-color);color:var(--text-secondary);background:#f5f3f0}.home-editor-page{min-height:calc(100vh - 70px);padding:24px 40px}.he-breadcrumb{color:var(--text-light);align-items:center;gap:6px;margin-bottom:12px;font-size:12px;display:flex}.he-breadcrumb span{cursor:pointer;transition:color .2s}.he-breadcrumb span:hover{color:var(--text-primary)}.he-breadcrumb .he-bc-active{color:var(--text-primary);font-weight:600}.he-page-header{margin-bottom:32px}.he-page-title{font-size:28px;font-family:var(--font-serif);color:var(--text-primary);margin-bottom:10px;font-weight:700}.he-page-desc{color:var(--text-secondary);max-width:560px;font-size:14px;line-height:1.6}.he-layout{grid-template-columns:1fr 380px;align-items:flex-start;gap:48px;display:grid}.he-form-area{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:32px;box-shadow:0 1px 4px #00000005}.he-section-label{color:var(--text-light);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;font-size:10px;font-weight:700}.he-input{width:100%;height:48px;color:var(--text-primary);background:#f7f6f4;border:2px solid #0000;border-radius:8px;outline:none;padding:0 20px;font-size:16px;font-weight:600;transition:all .2s}.he-input:focus{border-color:var(--primary-color);background:#fff}.he-input-hint{color:var(--text-light);margin-top:8px;font-size:11px;font-style:italic}.he-textarea{width:100%;min-height:90px;color:var(--text-primary);resize:vertical;background:#f7f6f4;border:2px solid #0000;border-radius:8px;outline:none;padding:16px 20px;font-size:14px;line-height:1.6;transition:all .2s}.he-textarea:focus{border-color:var(--primary-color);background:#fff}.he-field-group{margin-bottom:32px}.he-row{align-items:flex-end;gap:32px;display:flex}.he-row-col{flex:1}.he-toggle-wrap{align-items:center;gap:12px;height:48px;display:flex}.he-toggle-track{cursor:pointer;background:#dcd8d4;border-radius:13px;width:48px;height:26px;transition:background .2s;position:relative}.he-toggle-track.active{background:var(--primary-color)}.he-toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.he-toggle-track.active .he-toggle-thumb{left:25px}.he-toggle-label{color:var(--text-primary);font-size:13px;font-weight:600}.he-select{width:100%;height:48px;color:var(--text-primary);appearance:none;cursor:pointer;background:#f7f6f4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a6a3a0' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 16px center no-repeat;border:2px solid #0000;border-radius:8px;outline:none;padding:0 20px;font-size:14px;font-weight:600;transition:all .2s}.he-select:focus{border-color:var(--primary-color);background-color:#fff}.he-upload-area{border:2px dashed var(--border-color);cursor:pointer;background:#fdfcfb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:160px;transition:all .2s;display:flex}.he-upload-area:hover{border-color:var(--primary-color);background:#b0362f05}.he-upload-icon{width:48px;height:48px;color:var(--text-light);background:#f0eeea;border-radius:12px;justify-content:center;align-items:center;display:flex}.he-upload-text{color:var(--text-secondary);text-align:center;font-size:13px}.he-upload-text strong{color:var(--primary-color);font-weight:600}.he-upload-formats{color:var(--text-light);font-size:10px}.he-preview-sticky{position:sticky;top:100px}.he-preview-label{align-items:center;gap:8px;margin-bottom:16px;display:flex}.he-live-dot{background:var(--primary-color);border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse}.he-live-text{color:var(--primary-color);letter-spacing:.5px;font-size:11px;font-weight:700}.he-sync-text{color:var(--text-light);margin-left:auto;font-size:10px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.phone-frame{background:#1a1a1a;border-radius:40px;width:320px;margin:0 auto;padding:16px;box-shadow:0 20px 60px #00000026,inset 0 0 0 2px #ffffff0f}.phone-notch{background:#333;border-radius:3px;width:100px;height:6px;margin:0 auto 12px}.phone-screen{background:#fff;border-radius:28px;flex-direction:column;min-height:540px;display:flex;overflow:hidden}.phone-header{justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.phone-brand{font-family:var(--font-serif);color:var(--text-primary);font-size:18px;font-weight:700}.phone-menu-icon{color:var(--text-light)}.phone-hero{background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;height:380px;padding:24px 20px;display:flex;position:relative;overflow:hidden}.phone-hero:before{content:"";z-index:1;background:linear-gradient(#0000 0%,#000000a6 100%);height:70%;position:absolute;bottom:0;left:0;right:0}.phone-hero-content{z-index:2;position:relative}.phone-limited-tag{letter-spacing:2px;color:#ffffffb3;margin-bottom:8px;font-size:8px}.phone-hero-title{font-family:var(--font-serif);color:#fff;word-break:break-word;margin-bottom:8px;font-size:22px;font-weight:700;line-height:1.2}.phone-hero-sub{color:#fffc;word-break:break-word;margin-bottom:16px;font-size:11px;line-height:1.5}.phone-cta-btn{background:var(--primary-color);color:#fff;letter-spacing:1px;text-transform:uppercase;border-radius:4px;padding:10px 24px;font-size:10px;font-weight:700;display:inline-block}.phone-tabbar{border-top:1px solid #f0f0f0;justify-content:space-around;align-items:center;margin-top:auto;padding:12px 0 16px;display:flex}.phone-tab{color:var(--text-light);flex-direction:column;align-items:center;gap:4px;font-size:8px;display:flex}.phone-tab.active-tab{color:var(--primary-color)}.he-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.he-table-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #00000005}.he-table-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.he-table-title{color:var(--text-primary);font-size:15px;font-weight:700}.he-table-subtitle{color:var(--text-light);font-size:12px}.he-table{border-collapse:collapse;width:100%}.he-table th{text-align:left;color:var(--text-light);letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--border-color);background:#fdfcfb;padding:12px 20px;font-size:10px;font-weight:600}.he-table td{color:var(--text-primary);vertical-align:middle;border-bottom:1px solid #f4f3f1;padding:14px 20px;font-size:13px}.he-table tbody tr{transition:background .15s}.he-table tbody tr:hover{background:#fdfaf9}.he-row-active{background:#b0362f08!important}.he-col-id{color:var(--text-light);font-size:12px;font-weight:600}.he-banner-cell{align-items:center;gap:12px;display:flex}.he-banner-thumb{background-position:50%;background-size:cover;border-radius:6px;flex-shrink:0;width:48px;height:32px}.he-banner-title{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:700}.he-banner-sub{color:var(--text-light);font-size:11px}.he-slot-tag{border:1px solid var(--border-color);color:var(--text-secondary);background:#f7f6f4;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.he-status-pill{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.pill-on{color:var(--success-color);background:#4c6b551a}.pill-off{color:var(--text-light);background:#f0eeea}.he-pill-dot{border-radius:50%;width:6px;height:6px}.pill-on .he-pill-dot{background:var(--success-color)}.pill-off .he-pill-dot{background:var(--text-light)}.he-actions{justify-content:flex-end;gap:4px;display:flex}.btn-icon-active{color:var(--primary-color)!important;background:#b0362f1a!important}.btn-icon-danger:hover{color:#dc3545!important;background:#dc354514!important}.he-form-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:20px;display:flex}.he-form-header-title{color:var(--text-primary);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.he-upload-preview{background-position:50%;background-size:cover;border-radius:10px;width:100%;height:160px;position:relative;overflow:hidden}.he-upload-preview-overlay{color:#fff;opacity:0;background:#0006;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;transition:opacity .2s;display:flex;position:absolute;inset:0}.he-upload-area:hover .he-upload-preview-overlay{opacity:1}.phone-carousel-controls{z-index:3;justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex;position:relative}.phone-arrow{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.phone-arrow:hover{background:#ffffff4d}.phone-arrow:disabled{opacity:.3;cursor:default}.phone-dots{gap:6px;display:flex}.phone-dot{cursor:pointer;background:#ffffff59;border-radius:50%;width:6px;height:6px;transition:all .2s}.phone-dot.dot-active{background:#fff;transform:scale(1.3)}.phone-hero-empty{height:380px;color:var(--text-light);background:#f7f6f4;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.picker-page{min-height:calc(100vh - 70px);padding:24px 40px}.picker-layout{grid-template-columns:1fr 380px;align-items:flex-start;gap:48px;display:grid}.selection-panel{flex-direction:column;gap:24px;display:flex}.selection-summary{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:0 1px 4px #00000005}.summary-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.summary-title{color:var(--text-primary);font-size:16px;font-weight:700}.summary-count{color:var(--text-light);background:#f7f6f4;border-radius:12px;padding:4px 10px;font-size:12px}.selected-items-list-v2{flex-direction:column;gap:8px;display:flex}.selection-row-item{border:1px solid var(--border-color);background:#fff;border-radius:8px;align-items:center;gap:16px;padding:12px;transition:all .2s;display:flex}.selection-row-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000000a}.order-actions{flex-direction:column;gap:4px;display:flex}.order-btn{cursor:pointer;color:#999;background:#fff;border:1px solid #eee;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.order-btn:hover:not(:disabled){color:var(--primary-color);border-color:var(--primary-color)}.order-btn:disabled{opacity:.3;cursor:not-allowed}.row-thumb{object-fit:contain;background:#fdfcfb;border-radius:4px;width:48px;height:48px}.row-details{flex:1}.row-name{margin-bottom:2px;font-size:14px;font-weight:700}.row-sub{color:#999;font-size:12px}.row-price{color:var(--primary-color);font-size:14px;font-weight:700}.row-remove{color:#999;cursor:pointer;background:#f7f6f4;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.row-remove:hover{color:#f55;background:#fee}.product-repository{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px}.repo-header{margin-bottom:20px}.repo-filters{gap:12px;margin-top:16px;display:flex}.repo-table{border-collapse:collapse;width:100%}.repo-table th{text-align:left;color:var(--text-light);border-bottom:1px solid var(--border-color);text-transform:uppercase;padding:12px 16px;font-size:11px}.repo-table td{border-bottom:1px solid #f4f3f1;padding:12px 16px;font-size:13px}.repo-item-cell{align-items:center;gap:12px;display:flex}.repo-thumb{object-fit:contain;background:#f7f6f4;border-radius:4px;width:32px;height:32px}.btn-select{border:1px solid var(--primary-color);color:var(--primary-color);cursor:pointer;background:0 0;border-radius:6px;padding:6px 16px;font-size:12px;font-weight:600;transition:all .2s}.btn-select:hover{background:var(--primary-color);color:#fff}.btn-select:disabled{color:#aaa;cursor:not-allowed;border-color:#ddd}.phone-product-list{flex-direction:column;gap:16px;max-height:420px;padding:16px;display:flex;overflow-y:auto}.phone-section-title{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:700}.phone-product-card{border-bottom:1px solid #f0f0f0;gap:12px;padding-bottom:16px;display:flex}.phone-product-img{object-fit:contain;background:#f7f6f4;border-radius:4px;width:60px;height:80px}.phone-product-info{flex:1}.phone-product-name{margin-bottom:4px;font-size:11px;font-weight:700;line-height:1.4}.phone-product-tag{color:#a07840;background:#fcfaf6;border:1px solid #eadacb;border-radius:4px;margin-bottom:4px;padding:2px 6px;font-size:9px;display:inline-block}.phone-product-price{color:var(--primary-color);font-size:12px;font-weight:700}.orders-page{flex-direction:column;gap:24px;min-height:calc(100vh - 70px);padding:24px 40px;display:flex}.orders-header{justify-content:space-between;align-items:flex-start;display:flex}.orders-breadcrumb{color:var(--text-light);align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.orders-breadcrumb span{cursor:pointer}.orders-breadcrumb span:hover{color:var(--text-primary)}.orders-breadcrumb .bc-active{color:var(--primary-color);cursor:default;font-weight:700}.orders-metrics{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.om-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:20px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #00000005}.om-card-bg-icon{opacity:.06;color:var(--text-primary);position:absolute;bottom:-8px;right:-8px}.om-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.om-icon-red{color:var(--primary-color);background:#b0362f14}.om-icon-amber{color:#a07840;background:#c49a451a}.om-icon-red2{color:#dc3545;background:#dc354512}.om-icon-blue{color:#3b82f6;background:#3b82f614}.om-label{color:var(--text-secondary);margin-bottom:4px;font-size:12px}.om-value{font-family:var(--font-serif);color:var(--text-primary);font-size:26px;font-weight:700;line-height:1}.om-trend{align-items:center;gap:3px;margin-top:4px;font-size:11px;display:flex}.om-urgent{color:#dc3545;margin-top:4px;font-size:11px;font-weight:600}.om-bar{border-radius:2px;height:3px;margin-top:4px}.orders-filter-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;align-items:flex-end;gap:16px;padding:20px 24px;display:flex}.filter-field{flex-direction:column;flex:1;gap:6px;display:flex}.filter-field label{color:var(--text-light);letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:600}.filter-field input,.filter-field select{border:1.5px solid var(--border-color);height:40px;color:var(--text-primary);background:#fdfcfb;border-radius:8px;outline:none;padding:0 14px;font-size:13px;transition:all .2s}.filter-field input:focus,.filter-field select:focus{border-color:var(--primary-color);background:#fff}.filter-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a6a3a0' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.orders-table-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 1px 4px #00000005}.orders-table-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.orders-table-title{color:var(--text-primary);font-size:14px;font-weight:700}.orders-count{color:var(--text-light);font-size:12px}.orders-table{border-collapse:collapse;width:100%}.orders-table th{text-align:left;color:var(--text-light);letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--border-color);white-space:nowrap;background:#fdfcfb;padding:12px 20px;font-size:10px;font-weight:600}.orders-table td{color:var(--text-primary);vertical-align:middle;border-bottom:1px solid #f4f3f1;padding:16px 20px;font-size:13px}.orders-table tbody tr{transition:background .15s}.orders-table tbody tr:hover{background:#fdfaf9}.orders-table tbody tr:last-child td{border-bottom:none}.order-num{color:var(--text-primary);font-family:Courier New,monospace;font-size:12px;font-weight:700}.user-cell{align-items:center;gap:12px;display:flex}.user-avatar-sm{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.user-name{font-size:13px;font-weight:700}.user-phone{color:var(--text-light);margin-top:1px;font-size:11px}.order-amount{color:var(--primary-color);font-size:15px;font-weight:700}.order-amount-pending{color:var(--text-secondary)}.pay-status{border-radius:12px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.pay-dot{border-radius:50%;width:6px;height:6px}.pay-paid{color:var(--success-color);background:#4c6b551a}.pay-paid .pay-dot{background:var(--success-color)}.pay-pending{color:#a07840;background:#fef9ec;border:1px solid #f3e8c4}.pay-pending .pay-dot{background:#e6ad25}.pay-failed{color:#dc3545;background:#dc354512}.pay-failed .pay-dot{background:#dc3545}.order-badge{letter-spacing:.5px;border-radius:5px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-block}.badge-shipped{color:#3b82f6;background:#3b82f614;border:1px solid #3b82f626}.badge-pending{color:#a07840;background:#fef9ec;border:1px solid #f3e8c4}.badge-finished{color:var(--success-color);background:#4c6b5514;border:1px solid #4c6b5526}.badge-canceled{color:#999;background:#f5f4f3;border:1px solid #e8e6e3}.badge-refunding{color:#dc3545;background:#dc35450f;border:1px solid #dc354526}.order-date{color:var(--text-secondary);font-size:11px;line-height:1.5}.orders-pagination{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.pagination-info{color:var(--text-light);font-size:12px}.pagination-controls{align-items:center;gap:4px;display:flex}.order-detail-overlay{z-index:200;background:#00000059;justify-content:flex-end;display:flex;position:fixed;inset:0}.order-detail-drawer{background:#fff;flex-direction:column;width:520px;height:100%;animation:.25s slideIn;display:flex;box-shadow:-8px 0 40px #0000001a}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.drawer-title{font-size:18px;font-weight:700;font-family:var(--font-serif);color:var(--text-primary)}.drawer-body{flex-direction:column;flex:1;gap:24px;padding:24px 28px;display:flex;overflow-y:auto}.drawer-section-title{color:var(--text-light);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;font-size:10px;font-weight:700}.drawer-row{border-bottom:1px solid #f7f6f4;justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.drawer-row-label{color:var(--text-secondary)}.drawer-row-value{color:var(--text-primary);font-weight:600}.drawer-product-card{border:1px solid var(--border-color);border-radius:8px;gap:12px;margin-bottom:8px;padding:12px;display:flex}.drawer-product-img{object-fit:contain;background:#f7f6f4;border-radius:4px;width:60px;height:80px}.drawer-footer{border-top:1px solid var(--border-color);gap:12px;padding:16px 28px;display:flex}.inv-page{flex-direction:column;gap:24px;min-height:calc(100vh - 70px);padding:24px 40px 80px;display:flex}.inv-breadcrumb{color:var(--text-light);align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.inv-breadcrumb span{cursor:pointer;transition:color .2s}.inv-breadcrumb span:hover{color:var(--text-primary)}.inv-breadcrumb .bc-current{color:var(--primary-color);cursor:default;font-weight:700}.inv-metrics{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.inv-m-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:flex-start;padding:22px 24px;display:flex}.inv-m-label{color:var(--text-secondary);margin-bottom:8px;font-size:12px}.inv-m-value{font-family:var(--font-serif);color:var(--text-primary);font-size:28px;font-weight:700;line-height:1}.inv-m-value.alert-red{color:#dc3545}.inv-m-value.gold-val{color:var(--primary-color)}.inv-m-trend{align-items:center;gap:3px;margin-top:6px;font-size:11px;display:flex}.trend-up{color:var(--success-color)}.trend-down{color:#dc3545}.inv-m-badge{color:#dc3545;background:#dc354514;border:1px solid #dc354533;border-radius:4px;margin-top:6px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}.inv-m-sub{color:var(--text-light);margin-top:6px;font-size:11px}.inv-m-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.inv-filter-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;align-items:flex-end;gap:16px;padding:20px 24px;display:flex}.inv-filter-field{flex-direction:column;gap:6px;display:flex}.inv-filter-label{letter-spacing:.5px;text-transform:uppercase;color:var(--text-light);font-size:10px;font-weight:600}.inv-filter-select{border:1.5px solid var(--border-color);min-width:160px;height:40px;color:var(--text-primary);appearance:none;cursor:pointer;background:#fdfcfb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a6a3a0' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 10px center no-repeat;border-radius:8px;outline:none;padding:0 32px 0 14px;font-size:13px;transition:border-color .2s}.inv-filter-select:focus{border-color:var(--primary-color);background-color:#fff}.inv-status-toggle{border:1.5px solid var(--border-color);border-radius:8px;height:40px;display:flex;overflow:hidden}.inv-status-btn{cursor:pointer;color:var(--text-secondary);white-space:nowrap;background:#fdfcfb;border:none;padding:0 16px;font-size:12px;font-weight:600;transition:all .15s}.inv-status-btn.active-all{background:var(--text-primary);color:#fff}.inv-status-btn.active-low{color:#fff;background:#dc3545}.inv-status-btn.active-out{color:#fff;background:#4b5563}.inv-table-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.inv-table-head-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.inv-table-title{color:var(--text-primary);font-size:14px;font-weight:700}.inv-table-count{color:var(--text-light);font-size:12px}.inv-table{border-collapse:collapse;width:100%}.inv-table th{text-align:left;color:var(--text-light);letter-spacing:.4px;text-transform:uppercase;border-bottom:1px solid var(--border-color);white-space:nowrap;background:#fdfcfb;padding:12px 16px;font-size:10px;font-weight:600}.inv-table td{vertical-align:middle;border-bottom:1px solid #f4f3f1;padding:14px 16px;font-size:13px}.inv-table tbody tr{transition:background .12s}.inv-table tbody tr:hover{background:#fdfaf9}.inv-table tbody tr.row-selected{background:#b0362f06}.inv-table tbody tr:last-child td{border-bottom:none}.inv-checkbox{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer}.inv-product-cell{align-items:center;gap:14px;display:flex}.inv-product-img{object-fit:contain;background:#f7f6f4;border-radius:4px;flex-shrink:0;width:48px;height:64px}.inv-product-name{color:var(--text-primary);margin-bottom:3px;font-size:13px;font-weight:700}.inv-product-spu{color:var(--text-light);font-family:monospace;font-size:10px}.inv-price{color:var(--primary-color);font-size:14px;font-weight:700}.inv-stock-wrap{align-items:center;gap:6px;display:flex}.inv-step-btn{border:1px solid var(--border-color);cursor:pointer;width:26px;height:26px;color:var(--text-secondary);background:#fff;border-radius:5px;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.inv-step-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.inv-stock-num{text-align:center;border:1px solid var(--border-color);background:#fff;border-radius:5px;outline:none;width:48px;height:26px;font-size:14px;font-weight:700}.inv-stock-num.low-stock{color:#dc3545;border-color:#dc35454d}.inv-stock-num.out-stock{color:#999}.inv-stock-warn{color:#dc3545;align-items:center;display:flex}.inv-shelf-wrap{align-items:center;gap:8px;display:flex}.inv-toggle-track{cursor:pointer;background:#dcd8d4;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.inv-toggle-track.on{background:var(--success-color)}.inv-toggle-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000001f}.inv-toggle-track.on .inv-toggle-thumb{left:21px}.inv-shelf-label{font-size:12px;font-weight:600}.inv-shelf-on{color:var(--success-color)}.inv-shelf-off{color:var(--text-light)}.inv-actions{justify-content:flex-end;gap:4px;display:flex}.inv-pagination{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.inv-pag-info{color:var(--text-light);font-size:12px}.inv-pag-controls{align-items:center;gap:4px;display:flex}.pg-btn{border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:all .15s;display:flex}.pg-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.pg-btn.pg-active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.pg-btn:disabled{opacity:.4;cursor:not-allowed}.pg-ellipsis{width:32px;height:32px;color:var(--text-light);justify-content:center;align-items:center;font-size:12px;display:flex}.batch-bar{color:#fff;z-index:100;background:#1c1c1e;border-radius:14px;align-items:center;gap:20px;padding:12px 20px;animation:.25s slideUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000040}.batch-count{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.batch-label{margin-right:4px;font-size:13px;font-weight:600}.batch-action-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.batch-action-btn:hover{background:#ffffff2e}.batch-action-btn.primary-action{background:var(--primary-color);border-color:var(--primary-color)}.batch-action-btn.primary-action:hover{opacity:.9}.batch-close-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.batch-close-btn:hover{color:#fff}