.home-page{padding:3rem 2rem;max-width:1200px;margin:0 auto}.home-hero{text-align:center;margin-bottom:4rem}.hero-icon{font-size:4rem;display:block;margin-bottom:1.5rem;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(245,197,66,.4))}.home-hero h1{font-size:2.5rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.75rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.125rem;color:var(--text-secondary)}.home-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.home-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem;text-decoration:none;color:inherit;transition:all .2s ease;display:flex;flex-direction:column;gap:.75rem}.home-card:hover{border-color:var(--accent-gold);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d,0 0 30px #f5c5421a}.card-icon{font-size:2.5rem;margin-bottom:.5rem}.home-card h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.home-card p{font-size:.9375rem;color:var(--text-secondary);line-height:1.5}.chart-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;animation:fadeInUp .4s ease-out forwards;opacity:0;transform:translateY(10px);transition:border-color .2s,box-shadow .2s}.chart-card:hover{border-color:var(--accent-gold);box-shadow:0 0 30px #f5c54214}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.chart-header{margin-bottom:1rem}.chart-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.chart-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.product-count{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-muted);background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:4px}.freshness-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.freshness-label{color:var(--text-secondary)}.freshness-value{font-family:JetBrains Mono,monospace;font-weight:600}.chart-container{margin:0 -.5rem}.custom-tooltip{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;box-shadow:0 4px 20px #0000004d}.tooltip-label{color:var(--text-primary);font-weight:500;margin-bottom:.25rem}.tooltip-value{font-family:JetBrains Mono,monospace;color:var(--accent-gold);font-size:1rem;font-weight:600}.tooltip-percentage{color:var(--text-secondary);font-size:.8rem;margin-top:.25rem}.category-tree{max-height:600px;overflow-y:auto}.tree-node.moving-up{animation:slideUp .25s ease-out}.tree-node.moving-down{animation:slideDown .25s ease-out}@keyframes slideUp{0%{transform:translateY(0)}to{transform:translateY(-100%);background:#f5c54226}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%);background:#f5c54226}}.tree-node-content{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;transition:background-color .15s}.tree-node-content:hover{background:var(--bg-tertiary)}.tree-node-content.selected{background:#f5c54226;border:1px solid var(--accent-gold);margin:-1px}.expand-btn{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.625rem;flex-shrink:0}.expand-btn.invisible{visibility:hidden}.expand-btn:hover{color:var(--text-primary)}.node-name{flex:1;cursor:pointer;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.node-name:hover{color:var(--accent-gold)}.startpage-badge{color:var(--accent-gold);font-size:.75rem;filter:drop-shadow(0 0 4px rgba(245,197,66,.5))}.node-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .15s}.tree-node-content:hover .node-actions{opacity:1}.action-btn{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:.75rem;transition:all .15s}.action-btn:hover:not(:disabled){background:var(--accent-gold);color:var(--bg-primary);border-color:var(--accent-gold)}.action-btn:disabled{opacity:.3;cursor:not-allowed}.move-btn{font-weight:700}.tree-children{border-left:1px solid var(--border-color);margin-left:1rem}.category-form h3{font-size:1.125rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.form-group input[type=text],.form-group input[type=number],.form-group select{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-gold)}.form-group input::placeholder{color:var(--text-muted)}.form-hint{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.375rem}.toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.toggle-label span{color:var(--text-primary)}.toggle-switch{position:relative;width:48px;height:26px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:13px;cursor:pointer;transition:all .2s;padding:0}.toggle-switch:hover{border-color:var(--text-muted)}.toggle-switch.active{background:var(--accent-gold);border-color:var(--accent-gold)}.toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--text-secondary);border-radius:50%;transition:all .2s}.toggle-switch.active .toggle-knob{left:24px;background:var(--bg-primary)}.form-actions{display:flex;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.cancel-btn,.save-btn{flex:1;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s}.cancel-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary)}.cancel-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.save-btn{background:var(--accent-gold);border:none;color:var(--bg-primary)}.save-btn:hover{opacity:.9}.categories-page{padding:2rem;max-width:1600px;margin:0 auto}.categories-header{margin-bottom:2rem}.categories-header h2{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;letter-spacing:-.02em}.categories-content{display:grid;grid-template-columns:1fr 400px;gap:1.5rem;align-items:start}@media (max-width: 900px){.categories-content{grid-template-columns:1fr}}.categories-tree-panel,.categories-form-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.panel-header h3{font-size:1.125rem;font-weight:600}.add-root-btn{padding:.5rem 1rem;background:var(--accent-gold);color:var(--bg-primary);border:none;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:opacity .2s}.add-root-btn:hover{opacity:.9}.empty-tree{text-align:center;padding:2rem;color:var(--text-secondary)}.form-placeholder{text-align:center;padding:3rem;color:var(--text-secondary)}.mappings-page{padding:2rem;max-width:1400px;margin:0 auto}.mappings-header{margin-bottom:2rem}.mappings-header h2{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;letter-spacing:-.02em}.mappings-content{display:flex;flex-direction:column;gap:1.5rem}.reseller-selector{display:flex;flex-direction:column;gap:.5rem;max-width:500px}.reseller-selector label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.reseller-selector select{padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;font-family:inherit;cursor:pointer}.reseller-selector select:focus{outline:none;border-color:var(--accent-gold)}.mappings-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.mappings-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);gap:1rem;flex-wrap:wrap}.mappings-panel-header h3{font-size:1.125rem;font-weight:600}.filter-buttons{display:flex;gap:.25rem;background:var(--bg-primary);padding:.25rem;border-radius:8px}.filter-btn{padding:.5rem .875rem;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.filter-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.filter-btn.active{background:var(--accent-gold);color:var(--bg-primary)}.mapping-stats{font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:.75rem}.unmapped-badge{background:#e86b5c33;color:var(--accent-coral);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.mappings-table-container{overflow-x:auto;max-height:70vh;overflow-y:auto}.mappings-table{width:100%;border-collapse:collapse}.mappings-table thead{position:sticky;top:0;z-index:1}.mappings-table th{text-align:left;padding:.75rem 1rem;font-size:.8125rem;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap}.mappings-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.mappings-table th.sortable:hover{color:var(--text-primary)}.mappings-table th.active{color:var(--accent-gold)}.sort-indicator{margin-left:.375rem}.mappings-table td{padding:.625rem 1rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.mappings-table tr:last-child td{border-bottom:none}.mappings-table tr.unmapped{background:#e86b5c0d}.reseller-cat-name{font-weight:500;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.found-date{font-family:JetBrains Mono,monospace;font-size:.8125rem;color:var(--text-secondary);white-space:nowrap}.category-cell{min-width:300px}.category-path{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.no-mappings-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:3rem;text-align:center;color:var(--text-secondary)}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 1.25rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.pagination-btn{padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.pagination-btn:hover:not(:disabled){border-color:var(--accent-gold);color:var(--accent-gold)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:.875rem;color:var(--text-secondary);min-width:160px;text-align:center}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1rem 2rem;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-content{max-width:1600px;margin:0 auto;display:flex;align-items:center;gap:2rem}.nav{display:flex;gap:.25rem;margin-left:auto}.nav-item{padding:.5rem 1rem;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:#f5c54226;color:var(--accent-gold)}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-icon{font-size:1.5rem;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 4px rgba(245,197,66,.5))}50%{filter:drop-shadow(0 0 12px rgba(245,197,66,.8))}}.logo h1{font-size:1.5rem;font-weight:700;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.main{flex:1;width:100%}.data-age-page{padding:2rem;max-width:1600px;margin:0 auto}.page-header{margin-bottom:2rem}.page-header h2{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;letter-spacing:-.02em}.page-description{color:var(--text-secondary);font-size:1rem}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#e86b5c1a;border:1px solid rgba(232,107,92,.3);border-radius:12px;color:var(--accent-coral)}.error-icon{font-size:1.25rem}.retry-button{margin-left:auto;padding:.5rem 1rem;background:var(--accent-coral);color:var(--bg-primary);border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:opacity .2s}.retry-button:hover{opacity:.9}.charts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:1.5rem}@media (max-width: 600px){.charts-grid{grid-template-columns:1fr}.main{padding:1rem}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem;color:var(--text-secondary)}.empty-icon{font-size:3rem;opacity:.5}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a25;--bg-card: #15151f;--text-primary: #f0f0f5;--text-secondary: #9090a0;--text-muted: #606070;--accent-gold: #f5c542;--accent-amber: #e89b3c;--accent-coral: #e86b5c;--accent-emerald: #42c99a;--accent-violet: #9b7ced;--border-color: #2a2a3a;--gradient-gold: linear-gradient(135deg, #f5c542 0%, #e89b3c 100%);--gradient-glow: linear-gradient(135deg, #f5c542 0%, #e86b5c 50%, #9b7ced 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}