s-page::part(page){max-width:1400px}.admin-card{background:#fff;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px #00000014,0 4px 16px #0000000a;border:1px solid #e4e5e7;overflow:hidden;transition:all .3s ease}.admin-card:hover{box-shadow:0 4px 16px #0000001f,0 8px 24px #00000014;transform:translateY(-2px)}.admin-card-header{padding:20px 24px;background:linear-gradient(135deg,#fafbfc,#fff);border-bottom:1px solid #e4e5e7;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:10;transition:all .2s ease}.admin-card.collapsed .admin-card-header{border-bottom:none}.admin-card-content{padding:24px;transition:all .3s ease}.admin-card.collapsed .admin-card-content{display:none}.progress-container{margin:24px 0;padding:20px 0;border-top:1px solid #e4e5e7;border-bottom:1px solid #e4e5e7}.progress-label{font-size:13px;font-weight:500;color:#6d7175;margin-bottom:8px;display:flex;justify-content:space-between}.progress-value{font-weight:600;color:#202223}.progress-bar{height:8px;background:#f1f2f3;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#5c6ac4,#7b88d8);width:0%;transition:width .3s ease;border-radius:4px}.progress-text{margin-top:8px;font-size:12px;color:#6d7175;text-align:right}.toggle-card{border:2px solid #e4e5e7;border-radius:12px;padding:20px;margin-bottom:16px;transition:all .3s ease;cursor:pointer;position:relative;display:flex;align-items:center;gap:16px}.toggle-card:hover{border-color:#c4cdd5;background:#fafbfc}.toggle-card.active{border-color:#5c6ac4;background:#f4f5fb}.toggle-switch{width:48px;height:28px;background:#c4cdd5;border-radius:14px;position:relative;transition:background .3s ease;flex-shrink:0}.toggle-card.active .toggle-switch{background:#5c6ac4}.toggle-switch:after{content:"";position:absolute;width:22px;height:22px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .3s ease;box-shadow:0 2px 4px #0000001a}.toggle-card.active .toggle-switch:after{transform:translate(20px)}.toggle-content{flex:1}.toggle-title{font-size:15px;font-weight:500;margin-bottom:4px;color:#202223}.toggle-description{color:#6d7175;font-size:13px}.check-icon{width:24px;height:24px;background:#108043;color:#fff;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.toggle-card.active .check-icon{display:flex}.filter-section{background:#f9fafb;border-radius:8px;padding:20px;margin-top:20px;border:1px solid #e4e5e7}.filter-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.product-type-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.product-type-icon.racquet{background:#e3f5ff;color:#006fbb}.product-type-icon.string{background:#e3f4e8;color:#108043}.filter-title{font-size:14px;font-weight:600;flex:1}.products-count{background:#fff;padding:8px 12px;border-radius:6px;border:1px solid #e4e5e7;font-size:13px;color:#6d7175}.filter-badge{background:#e4f5e9;color:#108043;padding:6px 12px;border-radius:6px;font-size:13px;display:inline-flex;align-items:center;gap:8px;font-weight:500}.filter-button{padding:8px 16px;border:1px solid #c4cdd5;background:#fff;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease;font-weight:500;color:#202223}.filter-button:hover{background:#f6f6f7;border-color:#8c9196}.tension-visual{height:40px;background:#e4e5e7;border-radius:8px;position:relative;overflow:hidden;margin:12px 0}.tension-range{position:absolute;height:100%;background:linear-gradient(90deg,#5c6ac4,#7b88d8);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:500;transition:all .3s ease}.range-indicator{position:absolute;top:0;width:3px;height:100%;background:#5c6ac4}.quick-actions{display:flex;flex-direction:column;gap:8px}.quick-action-btn{padding:10px 16px;border:1px solid #c4cdd5;background:#fff;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease;font-weight:500;color:#202223;width:100%;text-align:center}.quick-action-btn:hover:not(:disabled){background:#f6f6f7;border-color:#8c9196}.quick-action-btn:disabled{opacity:.6;cursor:not-allowed;background:#f1f2f3;border-color:#e4e5e7}.summary-card{background:linear-gradient(135deg,#fff,#f9fafc);border-radius:12px;box-shadow:0 4px 16px #5c6ac414,0 2px 8px #0000000f;border:2px solid #e3e7f5;margin-bottom:16px;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto}.summary-header{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px;padding:24px;border-bottom:2px solid #e3e7f5;background:linear-gradient(135deg,#f4f5fb,#fff);border-radius:12px 12px 0 0}.summary-icon{width:40px;height:40px;background:linear-gradient(135deg,#5c6ac4,#7b88d8);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}.summary-title{font-size:18px;font-weight:700;color:#5c6ac4}.status-badge{background:#aee9d1;color:#108043;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;margin-left:auto;flex-shrink:0}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #f0f1f5}.summary-item:last-child{border-bottom:none}.summary-label{color:#6d7175;font-size:14px}.summary-value{font-weight:600;font-size:15px;color:#202223}.summary-value.highlight{color:#5c6ac4;font-weight:700}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:13px;color:#6d7175;font-weight:500}.input-with-unit{display:flex;align-items:center;gap:8px}.input-field{flex:1;padding:8px 12px;border:1px solid #c4cdd5;border-radius:6px;font-size:14px;font-family:SF Mono,Monaco,monospace;transition:all .2s ease}.input-field:focus{outline:none;border-color:#5c6ac4;box-shadow:0 0 0 3px #5c6ac41a}.input-unit{color:#6d7175;font-size:14px;font-weight:500}.logo-section{border-radius:8px;padding:16px;margin-top:20px}.logo-toggle{display:flex;align-items:center;gap:12px;margin-bottom:12px}.logo-picker{margin-top:12px;padding:20px;background:#fff;border:2px dashed #c4cdd5;border-radius:8px;text-align:center;cursor:pointer;transition:all .3s ease}.logo-picker:hover{border-color:#5c6ac4;background:#f4f5fb}.logo-picker-icon{font-size:32px;margin-bottom:8px;color:#8c9196}.logo-picker-text{color:#6d7175;font-size:13px}.btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background:#108043;color:#fff}.btn-primary:hover{background:#0a5426;transform:translateY(-1px);box-shadow:0 4px 12px #10804333}.btn-secondary{background:#fff;color:#202223;border:1px solid #c4cdd5}.btn-secondary:hover{background:#f6f6f7;border-color:#8c9196}@media (max-width: 1024px){.app-container{flex-direction:column}.config-summary{width:100%;position:static;top:auto}.section-card{margin-bottom:16px}.admin-card-header{padding:16px 20px}.admin-card-content{padding:20px}}@media (max-width: 640px){.section-header{gap:12px}.section-number{width:28px;height:28px;font-size:12px}.section-title{font-size:14px}.section-subtitle{display:none}.tension-inputs{flex-direction:column}.filter-header{flex-direction:column;align-items:flex-start}.products-count{margin-left:0;margin-top:8px}}@media (prefers-color-scheme: dark){.admin-card{background:#2a2a2e;border-color:#3a3a40;box-shadow:0 1px 3px #0000004d}.admin-card:hover{box-shadow:0 4px 12px #0006}.admin-card-header{background:linear-gradient(135deg,#3a3a40,#2a2a2e);border-bottom-color:#3a3a40}.summary-card{background:#2a2a2e;border-color:#3a3a40}.summary-header{border-bottom-color:#3a3a40}.summary-title{color:#e4e6eb}.summary-label{color:#b0b1b6}.summary-value{color:#e4e6eb}.filter-section{background:#3a3a40;border-color:#3a3a40}.filter-title{color:#e4e6eb}.filter-badge{background:#1a5a3d;color:#5aff7f}.toggle-card{border-color:#3a3a40;background:#3a3a40}.toggle-card:hover{background:#4a4a50;border-color:#5a5a60}.toggle-card.active{background:#1a2a4a;border-color:#5c6ac4}.toggle-title{color:#e4e6eb}.toggle-description{color:#b0b1b6}.input-field{background:#3a3a40;border-color:#5a5a60;color:#e4e6eb}.input-field:focus{border-color:#7b88d8;box-shadow:0 0 0 3px #7b88d833}}.summary-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014;border:1px solid #e1e3e5;position:relative}.summary-header{padding:24px;background:linear-gradient(135deg,#5c6ac4,#7b88d8);color:#fff;position:relative;overflow:hidden}.summary-header:after{content:"";position:absolute;top:-50%;right:-10%;width:200px;height:200px;background:#ffffff1a;border-radius:50%}.header-content{position:relative;z-index:1}.summary-title{font-size:18px;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:8px}.status-live{display:flex;align-items:center;gap:6px;font-size:13px;opacity:.95}.status-dot{width:8px;height:8px;background:#68ffa3;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.metrics-grid{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.metric-item{position:relative}.metric-item.centered{text-align:center}.metric-item.centered .metric-label{justify-content:center}.metric-label{font-size:12px;color:#6d7175;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:flex;align-items:center;gap:6px}.metric-icon{width:16px;height:16px;opacity:.6}.metric-value{font-size:28px;font-weight:700;color:#202223;line-height:1;font-variant-numeric:tabular-nums}.metric-change{font-size:11px;color:#108043;margin-top:4px;display:flex;align-items:center;gap:4px}.metric-change.negative{color:#d72c0d}.metric-item.full-width{grid-column:1 / -1}.tension-visual{margin-top:8px;height:32px;background:#f1f2f3;border-radius:6px;position:relative;overflow:hidden}.tension-range{position:absolute;height:100%;background:linear-gradient(90deg,#5c6ac4,#7b88d8);left:15%;width:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:500;border-radius:6px}.health-indicator{display:flex;gap:8px;padding:16px 24px;background:#f0faf4;border-top:1px solid #e4e5e7}.health-item{flex:1;text-align:center}.health-score{font-size:20px;font-weight:700;color:#108043}.health-label{font-size:10px;color:#6d7175;text-transform:uppercase;margin-top:2px}.progress-section{padding:20px 24px;background:#fafbfc;border-top:1px solid #e4e5e7}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-label{font-size:13px;font-weight:600;color:#202223}.progress-status{font-size:12px;color:#108043;font-weight:500}.progress-bar{height:8px;background:#e4e5e7;border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#108043,#68ffa3);border-radius:4px;position:relative;overflow:hidden;transition:width .3s ease}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-steps{display:flex;justify-content:space-between;margin-top:12px;padding:0 4px}.step{width:8px;height:8px;background:#108043;border-radius:50%;position:relative}.step:after{content:attr(data-step);position:absolute;top:12px;left:50%;transform:translate(-50%);font-size:10px;color:#6d7175;white-space:nowrap}.actions-section{padding:20px 24px;border-top:1px solid #e4e5e7}.actions-title{font-size:13px;font-weight:600;color:#202223;margin-bottom:12px}.action-buttons{display:flex;flex-direction:column;gap:8px}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#fff;border:1px solid #c4cdd5;border-radius:8px;font-size:13px;font-weight:500;color:#202223;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#f6f6f7;border-color:#8c9196;transform:translateY(-1px);box-shadow:0 2px 4px #00000014}.action-btn.primary{background:#5c6ac4;color:#fff;border:none}.action-btn.primary:hover{background:#4a57b0}.metric-label{display:flex;align-items:center;justify-content:center;gap:4px}.label-icon{display:inline-flex;width:16px;text-align:center}.tension-value{text-align:center}.settings-section{padding:16px 24px;border-top:1px solid #e4e5e7}.settings-title{font-size:13px;font-weight:600;color:#202223;margin-bottom:12px}.settings-list{display:flex;flex-direction:column;gap:10px}.settings-item{display:flex;justify-content:space-between;align-items:center;font-size:13px}.settings-label{color:#6d7175}.settings-value{color:#202223;font-weight:500;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.settings-badge{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.settings-badge.enabled{background:#e3f5e1;color:#1a7f37}.settings-badge.disabled{background:#f6f6f7;color:#6d7175}.support-section{padding:16px 24px;border-top:1px solid #e4e5e7}.support-title{font-size:13px;font-weight:600;color:#202223;margin-bottom:12px}.support-links{display:flex;flex-direction:column;gap:8px}.support-link{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f6f6f7;border-radius:8px;font-size:13px;color:#202223;text-decoration:none;transition:all .2s ease}.support-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;flex-shrink:0}.support-link:hover{background:#e4e5e7;color:#2d7e60}.last-updated{padding:12px 24px;background:#fafbfc;border-top:1px solid #e4e5e7;font-size:11px;color:#6d7175;text-align:center}.tooltip{position:relative;display:inline-block;width:14px;height:14px;background:#e4e5e7;border-radius:50%;color:#6d7175;font-size:10px;line-height:14px;text-align:center;cursor:help}.tooltip:hover:after{content:attr(data-tooltip);position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#202223;color:#fff;padding:6px 10px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:10}.save-toolbar{position:sticky;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e4e5e7;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 -8px 24px #00000026,0 -2px 4px #0000001a;z-index:100}.save-status{display:flex;align-items:center;gap:10px;flex:1}.save-status .status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;transition:background-color .3s ease}.save-status .status-label{font-size:13px;font-weight:500;color:#202223}.save-status .last-saved{font-size:12px;color:#6d7175;margin-left:8px}.toolbar-actions{display:flex;align-items:center;gap:12px}.btn{padding:10px 20px;font-size:13px;font-weight:500;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;background:#fff;color:#202223;white-space:nowrap}.btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{background:#fff;color:#202223}.btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-reset{background:#fef2f2;color:#991b1b;border-color:#fecaca}.btn-reset:hover:not(:disabled){background:#fee2e2;border-color:#f87171}.btn-save{background:#fff;color:#6b7280;border-color:#d1d5db}.btn-save.primary{background:#2dd4bf;color:#fff;border-color:#2dd4bf}.btn-save.primary:hover:not(:disabled){background:#14b8a6;border-color:#14b8a6;box-shadow:0 2px 8px #2dd4bf4d}.btn-save.disabled{opacity:.5;cursor:not-allowed}.spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.save-toolbar{flex-direction:column;gap:12px;padding:12px 16px}.save-status{width:100%;justify-content:center;margin-bottom:8px}.toolbar-actions{width:100%;justify-content:space-between}.btn{flex:1;justify-content:center;padding:12px 16px}}