.analytics-page{padding:1.5rem;max-width:1400px;margin:0 auto}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:var(--text-muted)}.analytics-loading-icon{width:32px;height:32px;animation:spin 1s linear infinite;color:var(--accent-primary)}.analytics-error{background:#ff475714;border:1px solid rgba(255,71,87,.2);border-radius:var(--radius-lg);padding:2rem;text-align:center}.analytics-error p{color:var(--accent-danger);margin-bottom:1rem;font-weight:500}.analytics-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-lg);padding:2rem}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.analytics-header-content h1{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.analytics-header-content h1 svg{color:var(--accent-primary)}.analytics-subtitle{display:flex;align-items:center;gap:.35rem;font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.analytics-period-selector{display:flex;gap:.25rem;background:var(--bg-tertiary);padding:.25rem;border-radius:var(--radius-md)}.analytics-period-btn{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-size:.8125rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.analytics-period-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.analytics-period-btn.active{background:var(--accent-primary);color:#fff}.analytics-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.analytics-kpi-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem}.analytics-kpi-card.analytics-kpi-highlight{background:linear-gradient(135deg,var(--accent-primary) 0%,#ff8f47 100%);border:none;color:#fff}.analytics-kpi-card.analytics-kpi-highlight .analytics-kpi-label,.analytics-kpi-card.analytics-kpi-highlight .analytics-kpi-meta{color:#ffffffd9}.analytics-kpi-card.analytics-kpi-highlight .analytics-kpi-icon{background:#fff3;color:#fff}.analytics-kpi-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.analytics-kpi-icon{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.analytics-kpi-icon.total{background:#ff47571a;color:var(--accent-primary)}.analytics-kpi-icon.profit{background:#00ff881a;color:var(--accent-success)}.analytics-kpi-icon.loss{background:#ff47571a;color:var(--accent-danger)}.analytics-kpi-label{font-size:.8125rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em}.analytics-kpi-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);font-family:var(--font-mono);line-height:1.2}.analytics-kpi-card.analytics-kpi-highlight .analytics-kpi-value{color:#fff}.analytics-kpi-value.positive{color:var(--accent-success)}.analytics-kpi-value.negative{color:var(--accent-danger)}.analytics-kpi-meta{display:flex;gap:1rem;margin-top:.5rem;font-size:.8125rem;color:var(--text-muted)}.analytics-distribution-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.5rem}.analytics-distribution-card h3{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.analytics-distribution-bar{height:12px;background:var(--bg-tertiary);border-radius:6px;overflow:hidden;display:flex}.analytics-bar-segment{height:100%;transition:width .3s ease}.analytics-bar-segment.pos{background:linear-gradient(90deg,#ff4757,#ff6b7a)}.analytics-bar-segment.shopify{background:linear-gradient(90deg,#00d4ff,#5ce1e6)}.analytics-bar-segment.b2b{background:linear-gradient(90deg,gold,#ffe66d)}.analytics-distribution-legend{display:flex;gap:1.5rem;margin-top:.75rem;flex-wrap:wrap}.analytics-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary)}.analytics-legend-dot{width:10px;height:10px;border-radius:50%}.analytics-legend-dot.pos{background:#ff4757}.analytics-legend-dot.shopify{background:#00d4ff}.analytics-legend-dot.b2b{background:gold}.analytics-channels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.analytics-channel-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.analytics-channel-header{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-weight:600;font-size:.9375rem;color:#fff}.analytics-channel-header.pos{background:linear-gradient(135deg,#ff4757,#ff6b7a)}.analytics-channel-header.shopify{background:linear-gradient(135deg,#00d4ff,#09c)}.analytics-channel-header.b2b{background:linear-gradient(135deg,gold,#c90);color:#1a1a2e}.analytics-channel-body{padding:1.25rem}.analytics-channel-main{text-align:center;padding-bottom:1rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.analytics-channel-revenue{display:block;font-size:1.75rem;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);line-height:1.2}.analytics-channel-type{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.analytics-channel-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.analytics-channel-stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.5rem;background:var(--bg-tertiary);border-radius:var(--radius-md)}.analytics-channel-stat svg{color:var(--text-muted);margin-bottom:.25rem}.analytics-channel-stat span{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.analytics-channel-stat span.label{font-size:.6875rem;font-weight:400;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em}.analytics-channel-extra{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.8125rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color);margin-bottom:.75rem}.analytics-channel-extra span:last-child{font-weight:600;color:var(--text-primary)}.analytics-channel-profit{padding-top:.5rem}.analytics-profit-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem}.analytics-profit-row span:first-child{color:var(--text-secondary)}.analytics-profit-row span:last-child{font-weight:600;font-family:var(--font-mono)}.analytics-profit-row span.positive{color:var(--accent-success)}.analytics-profit-row span.negative{color:var(--accent-danger)}.analytics-margin-bar{position:relative;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.analytics-margin-fill{height:100%;background:linear-gradient(90deg,var(--accent-success) 0%,#00cc6a 100%);border-radius:4px;transition:width .3s ease}.analytics-margin-label{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:.6875rem;font-weight:600;color:var(--text-primary);background:var(--bg-secondary);padding:0 .25rem;border-radius:2px;margin-right:.25rem}.analytics-channel-unconfigured{text-align:center;padding:2rem 1rem;color:var(--text-muted)}.analytics-channel-unconfigured p{font-weight:500;margin-bottom:.25rem}.analytics-channel-unconfigured span{font-size:.8125rem}@media(max-width:768px){.analytics-page{padding:1rem}.analytics-header{flex-direction:column;align-items:flex-start}.analytics-period-selector{width:100%;justify-content:space-between}.analytics-period-btn{flex:1;padding:.5rem .25rem;font-size:.75rem}.analytics-kpi-grid{grid-template-columns:1fr}.analytics-kpi-value{font-size:1.5rem}.analytics-channels-grid{grid-template-columns:1fr}.analytics-channel-stats{grid-template-columns:repeat(3,1fr);gap:.375rem}.analytics-channel-stat{padding:.375rem}.analytics-channel-stat span{font-size:.8125rem}}@media(max-width:480px){.analytics-distribution-legend{flex-direction:column;gap:.5rem}}.loyalty-page{padding:1.5rem;min-height:100%}.loyalty-page.loading,.loyalty-page.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem;color:var(--text-muted)}.loyalty-page.error h2{margin:0;color:var(--error)}.spinner{animation:spin 1s linear infinite}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.header-content{display:flex;align-items:center;gap:1rem}.header-icon{color:var(--accent-primary)}.header-content h1{margin:0;font-size:1.5rem}.header-content p{margin:.25rem 0 0;color:var(--text-muted);font-size:.875rem}.header-actions{display:flex;gap:.75rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-card);border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;border:1px solid var(--border-color)}.stat-card svg{color:var(--accent-primary);flex-shrink:0}.stat-card.highlight{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none}.stat-card.highlight svg{color:#fff}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700}.stat-label{font-size:.75rem;color:var(--text-muted)}.stat-card.highlight .stat-label{color:#ffffffe6}.stat-card.highlight .stat-value{color:#fff}.loyalty-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:1024px){.loyalty-content{grid-template-columns:1fr}}.accounts-panel{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.panel-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;background:var(--bg-card)}.panel-header h2{margin:0;font-size:1rem}.search-box{display:flex;align-items:center;gap:.5rem;background:var(--bg-tertiary);padding:.5rem .75rem;border-radius:8px;border:1px solid var(--border-color)}.search-box input{border:none;background:none;outline:none;font-size:.875rem;width:200px;color:var(--text-primary)}.search-box svg{color:var(--text-muted)}.accounts-list{max-height:600px;overflow-y:auto}.account-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s;background:var(--bg-card)}.account-item:hover{background:var(--bg-hover)}.account-item.selected{background:#ff47571a;border-left:3px solid var(--accent-primary)}.account-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.account-info{flex:1;min-width:0}.account-info h4{margin:0;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-id{margin:0;font-size:.75rem;color:var(--text-muted)}.account-points{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.points-locked{font-size:.75rem;color:var(--text-secondary)}.points-sub{display:block;margin-top:.25rem;font-size:.85rem;color:var(--text-secondary)}.points-value{font-weight:700;font-size:1rem;color:var(--accent-primary)}.tier-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.detail-panel{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);padding:1.5rem}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-muted);text-align:center}.no-selection svg{margin-bottom:1rem;opacity:.5}.no-selection h3{margin:0 0 .5rem}.no-selection p{margin:0;font-size:.875rem}.detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.detail-avatar{width:60px;height:60px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.detail-info h2{margin:0;font-size:1.25rem}.detail-info p{margin:.25rem 0 .5rem;font-size:.875rem;color:var(--text-muted)}.points-display{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.points-big{font-size:2.5rem;font-weight:800;display:block}.points-label{font-size:.875rem;opacity:.8}.points-actions{display:flex;gap:.75rem;margin-bottom:1.5rem}.points-actions button{flex:1}.transactions-section h3{margin:0 0 1rem;font-size:1rem}.transactions-list{display:flex;flex-direction:column;gap:.5rem}.transaction-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-tertiary);border-radius:8px}.tx-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.transaction-item.earn .tx-icon{background:#22c55e1a;color:#22c55e}.transaction-item.redeem .tx-icon,.transaction-item.spend .tx-icon{background:#ef44441a;color:#ef4444}.tx-info{flex:1;min-width:0}.tx-reason{display:block;font-size:.875rem;font-weight:500}.tx-date{display:block;font-size:.75rem;color:var(--text-muted)}.tx-amount{font-weight:700;font-size:.9rem}.tx-amount.earn{color:#22c55e}.tx-amount.redeem,.tx-amount.spend{color:#ef4444}.no-transactions{text-align:center;color:var(--text-muted);padding:2rem}.loading-inline{text-align:center;padding:2rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted)}.empty-state svg{opacity:.5;margin-bottom:.5rem}.btn-primary,.btn-secondary,.btn-success,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--accent-secondary)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover)}.btn-success{background:#22c55e;color:#fff}.btn-success:hover{background:#16a34a}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}button:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--bg-card);border-radius:16px;padding:1.5rem;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color)}.modal h2{margin:0 0 .5rem;font-size:1.25rem}.modal>p{margin:0 0 1.5rem;color:var(--text-muted);font-size:.875rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;background:var(--bg-tertiary);color:var(--text-primary)}.form-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #ff47571a}.form-group small{display:block;margin-top:.25rem;font-size:.75rem;color:var(--text-muted)}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}.modal-actions button{flex:1}.scanner-page{padding:1.5rem;max-width:1400px;margin:0 auto}.scanner-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.scanner-header-content h1{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.scanner-header-content h1 svg{color:var(--accent-primary)}.scanner-subtitle{font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.scanner-stats{display:flex;gap:1rem;flex-wrap:wrap}.scanner-stat{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:var(--radius-md);font-size:.8125rem;color:var(--text-secondary)}.scanner-stat.green{color:var(--accent-success);background:#00ff881a}.scanner-stat.red{color:var(--accent-danger);background:#ff47571a}.scanner-content{display:grid;grid-template-columns:1fr 320px;gap:1.5rem}@media(max-width:900px){.scanner-content{grid-template-columns:1fr}}.scanner-main{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.scanner-mode-toggle{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--bg-tertiary);padding:.25rem;border-radius:var(--radius-md)}.scanner-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.scanner-mode-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.scanner-mode-btn.active{background:var(--accent-primary);color:#fff}.scanner-movement-type{display:flex;gap:.5rem;margin-bottom:1.5rem}.movement-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border:2px solid transparent;background:var(--bg-tertiary);color:var(--text-secondary);font-size:.9375rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.movement-btn:hover{border-color:var(--border-color)}.movement-btn.in.active{background:#00ff881a;border-color:var(--accent-success);color:var(--accent-success)}.movement-btn.out.active{background:#ff47571a;border-color:var(--accent-danger);color:var(--accent-danger)}.movement-btn.set.active{background:#ffd7001a;border-color:var(--accent-warning);color:var(--accent-warning)}.scanner-quantity{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.scanner-quantity label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.quantity-controls{display:flex;align-items:center;gap:.25rem}.quantity-controls button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.quantity-controls button:hover{background:var(--bg-secondary);color:var(--text-primary)}.quantity-controls input{width:60px;height:36px;text-align:center;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:1rem;font-weight:600;border-radius:var(--radius-sm)}.scanner-input-form{display:flex;gap:.75rem;margin-bottom:1.5rem}.scanner-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.scanner-input-icon{position:absolute;left:1rem;color:var(--text-muted)}.scanner-input{width:100%;height:56px;padding:0 3rem;border:2px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:1.125rem;font-family:var(--font-mono);border-radius:var(--radius-md);transition:all .15s ease}.scanner-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-secondary)}.scanner-input::placeholder{color:var(--text-muted);font-family:var(--font-sans)}.scanner-clear-btn{position:absolute;right:.75rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:var(--bg-secondary);color:var(--text-muted);border-radius:50%;cursor:pointer;transition:all .15s ease}.scanner-clear-btn:hover{background:var(--accent-danger);color:#fff}.scanner-submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:0 1.5rem;height:56px;border:none;background:var(--accent-primary);color:#fff;font-size:1rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.scanner-submit-btn:hover:not(:disabled){filter:brightness(1.1)}.scanner-submit-btn:disabled{opacity:.5;cursor:not-allowed}.scanner-result{padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem}.scanner-result.success{background:#00ff8814;border:1px solid rgba(0,255,136,.2)}.scanner-result.error{background:#ff475714;border:1px solid rgba(255,71,87,.2)}.result-content{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.result-icon{flex-shrink:0}.scanner-result.success .result-icon{color:var(--accent-success)}.scanner-result.error .result-icon{color:var(--accent-danger)}.result-text strong{display:block;color:var(--text-primary);margin-bottom:.25rem}.result-text p{margin:0;color:var(--text-secondary);font-size:.875rem}.result-product{display:flex;align-items:center;gap:.75rem;flex:1;min-width:200px}.result-image{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-tertiary)}.result-details{display:flex;flex-direction:column}.result-details strong{font-size:.9375rem;color:var(--text-primary)}.result-sku{font-size:.8125rem;color:var(--text-muted);font-family:var(--font-mono)}.result-movement{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.movement-badge{display:flex;align-items:center;gap:.25rem;padding:.35rem .75rem;border-radius:var(--radius-sm);font-size:1rem;font-weight:700;color:#fff}.stock-change{font-size:.8125rem;color:var(--text-muted)}.stock-change strong{color:var(--text-primary)}.sync-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius-sm)}.sync-badge.synced{background:#0f83;color:var(--accent-success)}.sync-badge.failed{background:#ffd70033;color:var(--accent-warning)}.scanner-help{padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:.8125rem;color:var(--text-muted)}.scanner-help p{margin:0}.scanner-help strong{color:var(--text-secondary)}.scanner-sidebar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem;height:fit-content;max-height:calc(100vh - 200px);overflow-y:auto}.scanner-sidebar-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.scanner-sidebar-header h3{margin:0;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.scanner-sidebar-header svg{color:var(--text-muted)}.scanner-movements{display:flex;flex-direction:column;gap:.5rem}.no-movements{text-align:center;color:var(--text-muted);font-size:.8125rem;padding:2rem 1rem}.movement-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid transparent}.movement-item.in{border-left-color:var(--accent-success)}.movement-item.out{border-left-color:var(--accent-danger)}.movement-product{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.movement-product img{width:32px;height:32px;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-secondary)}.movement-info{display:flex;flex-direction:column;min-width:0}.movement-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movement-code{font-size:.6875rem;color:var(--text-muted);font-family:var(--font-mono)}.movement-qty{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.qty-badge{font-size:.8125rem;font-weight:600;font-family:var(--font-mono)}.qty-badge.positive{color:var(--accent-success)}.qty-badge.negative{color:var(--accent-danger)}.movement-time{font-size:.6875rem;color:var(--text-muted)}.scanner-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.scanner-modal{width:100%;max-width:500px;max-height:90vh;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.modal-header h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;color:var(--text-primary)}.modal-header h2 svg{color:var(--accent-warning)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{flex:1;padding:1.25rem;overflow-y:auto}.unknown-barcode-display{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:1rem}.barcode-label{font-size:.8125rem;color:var(--text-muted)}.barcode-value{font-size:1.25rem;font-weight:600;font-family:var(--font-mono);color:var(--accent-warning);background:transparent;padding:0}.modal-instruction{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.modal-search{position:relative;margin-bottom:1rem}.modal-search .search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.modal-search input{width:100%;height:44px;padding:0 2.5rem;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:.9375rem;border-radius:var(--radius-md)}.modal-search input:focus{outline:none;border-color:var(--accent-primary)}.modal-search .search-loader{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);color:var(--accent-primary)}.search-results{max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.no-results{text-align:center;color:var(--text-muted);font-size:.875rem;padding:1rem}.search-result-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.search-result-item:hover{background:var(--bg-secondary);border-color:var(--border-color)}.search-result-item.selected{background:#ff47571a;border-color:var(--accent-primary)}.result-thumb{width:40px;height:40px;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-secondary)}.result-info{flex:1;min-width:0}.result-name{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted)}.shopify-badge{padding:.125rem .375rem;background:#00d4ff33;color:var(--accent-secondary);border-radius:var(--radius-sm);font-size:.625rem;text-transform:uppercase;font-weight:600}.selected-check{color:var(--accent-primary)}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border-color)}.modal-footer button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-secondary:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@media(max-width:768px){.scanner-page{padding:1rem}.scanner-header{flex-direction:column}.scanner-stats{width:100%;justify-content:space-between}.scanner-mode-toggle{flex-direction:column}.scanner-movement-type{flex-wrap:wrap}.movement-btn{min-width:calc(50% - .25rem)}.scanner-input-form{flex-direction:column}.scanner-submit-btn{width:100%}.result-content{flex-direction:column;align-items:flex-start}.result-movement{align-items:flex-start;width:100%;flex-direction:row;justify-content:space-between}.scanner-modal{max-height:85vh}}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a25;--bg-card: #15151f;--bg-hover: #1e1e2d;--accent-primary: #ff3366;--accent-secondary: #00d4ff;--accent-tertiary: #ffd700;--accent-success: #00ff88;--accent-warning: #ff9500;--accent-danger: #ff4757;--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #6b6b7b;--border-color: #2a2a3a;--border-accent: #3a3a4a;--gradient-manga: linear-gradient(135deg, #ff3366 0%, #ff6b6b 50%, #ffd700 100%);--gradient-cyber: linear-gradient(135deg, #00d4ff 0%, #7b2dff 100%);--gradient-card: linear-gradient(180deg, rgba(255,51,102,.05) 0%, transparent 100%);--shadow-glow: 0 0 30px rgba(255, 51, 102, .2);--shadow-card: 0 4px 20px rgba(0, 0, 0, .3);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--font-main: "Outfit", sans-serif;--font-mono: "Space Mono", monospace;--sidebar-width: 260px}[data-theme=light]{--bg-primary: #f5f5f7;--bg-secondary: #ffffff;--bg-tertiary: #f0f0f2;--bg-card: #ffffff;--bg-hover: #e8e8ec;--text-primary: #1a1a2e;--text-secondary: #4a4a5a;--text-muted: #6a6a7a;--border-color: #e0e0e5;--border-accent: #d0d0d8;--accent-success: #00a65a;--accent-warning: #e67e00;--accent-danger: #dc3545;--accent-secondary: #0099cc;--shadow-glow: 0 0 30px rgba(255, 51, 102, .1);--shadow-card: 0 2px 12px rgba(0, 0, 0, .08)}[data-theme=light] body{background-image:radial-gradient(ellipse at top right,rgba(255,51,102,.05) 0%,transparent 50%),radial-gradient(ellipse at bottom left,rgba(0,212,255,.03) 0%,transparent 50%)}[data-theme=light] .sidebar{background:#fff;border-right-color:var(--border-color)}[data-theme=light] .nav-link.active{background:linear-gradient(135deg,#ff336626,#ff336614);color:var(--accent-primary);font-weight:600}[data-theme=light] .nav-link.active svg{color:var(--accent-primary)}[data-theme=light] .form-input,[data-theme=light] .form-textarea,[data-theme=light] select{background:#f8f8fa;border-color:var(--border-color)}[data-theme=light] .table th{background:#f0f0f2}[data-theme=light] .modal{background:#fff}[data-theme=light] .btn{background:#fff;border-color:#d0d0d8;color:#1a1a2e}[data-theme=light] .btn:hover{background:#e8e8ec;border-color:#c0c0c8}[data-theme=light] .btn-primary{background:var(--gradient-manga)!important;border-color:#ff336680!important;color:#fff!important}[data-theme=light] .btn-primary:hover{background:var(--gradient-manga)!important;filter:brightness(.92);box-shadow:0 4px 16px #ff336659}[data-theme=light] .btn-secondary{background:#f0f0f2;border-color:#d0d0d8;color:#4a4a5a}[data-theme=light] .btn-secondary:hover{background:#e0e0e5;border-color:#c0c0c8;color:#1a1a2e}[data-theme=light] .btn-success{background:var(--accent-success)!important;border-color:#00a65a80!important;color:#fff!important}[data-theme=light] .btn-success:hover{background:#008c4a!important;border-color:#008c4a99!important}[data-theme=light] .btn-danger{background:var(--accent-danger)!important;border-color:#dc354580!important;color:#fff!important}[data-theme=light] .btn-danger:hover{background:#c82333!important}[data-theme=light] .btn-ghost{background:transparent;color:#4a4a5a}[data-theme=light] .btn-ghost:hover{background:#e8e8ec;color:#1a1a2e}[data-theme=light] .badge{background:#f0f0f2;border-color:#d0d0d8}[data-theme=light] .badge-preordine{background:#e67e001f;color:#cc6e00;border-color:#e67e004d}[data-theme=light] .badge-da_lavorare{background:#0099cc1f;color:#007aa3;border-color:#0099cc4d}[data-theme=light] .badge-parzialmente_evaso{background:#cca3001f;color:#997a00;border-color:#cca3004d}[data-theme=light] .badge-spedito{background:#8a2be21f;color:#7b2dba;border-color:#8a2be24d}[data-theme=light] .badge-completato{background:#00a65a1f;color:#00804a;border-color:#00a65a4d}[data-theme=light] .badge-annullato{background:#dc35451f;color:#b02a37;border-color:#dc35454d}[data-theme=light] .alert-success{background:#00a65a1a;border-color:#00a65a4d;color:#00804a}[data-theme=light] .alert-error{background:#dc35451a;border-color:#dc35454d;color:#b02a37}[data-theme=light] .alert-warning{background:#e67e001a;border-color:#e67e004d;color:#cc6e00}[data-theme=light] .text-success{color:var(--accent-success)}[data-theme=light] .text-danger{color:var(--accent-danger)}[data-theme=light] .text-warning{color:var(--accent-warning)}[data-theme=light] .filter-tabs{background:#f0f0f2}[data-theme=light] .filter-tab{color:#4a4a5a}[data-theme=light] .filter-tab:hover{background:#e0e0e5;color:#1a1a2e}[data-theme=light] .filter-tab.active{background:var(--gradient-manga)!important;color:#fff!important}[data-theme=light] .filter-tab.active:hover{background:var(--gradient-manga)!important;filter:brightness(.92)}[data-theme=light] .category-tag{background:#e8e8ec;color:#4a4a5a}[data-theme=light] .dropzone{border-color:#d0d0d8;background:#fafafa}[data-theme=light] .dropzone:hover,[data-theme=light] .dropzone.active{border-color:var(--accent-primary);background:#ff33660a}[data-theme=light] .search-input-wrapper{background:#fff;border-color:#d0d0d8}[data-theme=light] .search-input-wrapper:focus-within{border-color:var(--accent-primary)}[data-theme=light] .stat-card{background:#fff;border-color:#e0e0e5}[data-theme=light] .stat-card:hover{box-shadow:0 4px 16px #00000014}[data-theme=light] .table tbody tr:hover{background:#f0f0f5!important}[data-theme=light] .table tbody tr[style*="rgba(255, 71, 87"]{background:#dc354514!important}[data-theme=light] progress{background:#e0e0e5}[data-theme=light] progress::-webkit-progress-bar{background:#e0e0e5;border-radius:4px}[data-theme=light] progress::-webkit-progress-value{background:var(--accent-success);border-radius:4px}[data-theme=light] progress::-moz-progress-bar{background:var(--accent-success);border-radius:4px}[data-theme=light] select option{background:#fff;color:#1a1a2e}[data-theme=light] input[type=checkbox]{accent-color:var(--accent-primary)}[data-theme=light] a:hover{color:var(--accent-primary)}[data-theme=light] .text-mono{background:#f0f0f2;padding:.1rem .3rem;border-radius:4px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg-primary);background-image:radial-gradient(ellipse at top right,rgba(255,51,102,.08) 0%,transparent 50%),radial-gradient(ellipse at bottom left,rgba(0,212,255,.05) 0%,transparent 50%);color:var(--text-primary);font-family:var(--font-main),system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}.app-layout{display:flex;min-height:100vh;max-width:100%;overflow-x:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);padding:1.5rem;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;transition:background-color .3s ease,border-color .3s ease}.sidebar-logo{display:flex;align-items:center;gap:.85rem;padding:.5rem;margin-bottom:2rem}.sidebar-logo-icon{width:44px;height:44px;background:var(--gradient-manga);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.4rem;color:#fff;box-shadow:var(--shadow-glow)}.sidebar-logo-text{font-weight:700;font-size:1.3rem;background:var(--gradient-manga);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{display:flex;flex-direction:column;gap:.4rem;flex:1}.sidebar-bottom{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.4rem}.nav-link{display:flex;align-items:center;gap:12px;padding:.875rem 1rem;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;transition:all .2s ease;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font-size:.95rem;position:relative}.nav-link:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-link.active{background:var(--gradient-manga);color:#fff;font-weight:600;box-shadow:var(--shadow-glow)}.nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:#fff;border-radius:0 4px 4px 0}.nav-link svg{width:20px;height:20px;flex-shrink:0}.nav-link-ai-consultant{margin-top:.5rem;background:linear-gradient(135deg,#8a2be226,#4b00821a);border:1px solid rgba(138,43,226,.3);color:#a855f7;position:relative;overflow:hidden}.nav-link-ai-consultant:before{content:"✨";position:absolute;right:12px;font-size:12px;opacity:.7}.nav-link-ai-consultant:hover{background:linear-gradient(135deg,#8a2be240,#4b008233);border-color:#8a2be280;color:#c084fc;transform:translate(2px)}.nav-link-ai-consultant svg{color:#a855f7}.nav-link-ai-consultant.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#6d28d9);color:#fff;border-color:transparent;box-shadow:0 4px 15px #8b5cf666}.nav-link-ai-consultant.active svg{color:#fff}.nav-link-ai-consultant.active:before{content:"🧠";opacity:1}[data-theme=light] .nav-link-ai-consultant{background:linear-gradient(135deg,#8a2be214,#4b00820d);border:1px solid rgba(138,43,226,.25);color:#7c3aed}[data-theme=light] .nav-link-ai-consultant:hover{background:linear-gradient(135deg,#8a2be226,#4b00821a);border-color:#8a2be266;color:#6d28d9}[data-theme=light] .nav-link-ai-consultant svg{color:#7c3aed}[data-theme=light] .nav-link-ai-consultant.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#6d28d9);color:#fff}[data-theme=light] .nav-link-ai-consultant.active svg{color:#fff}.theme-toggle{cursor:pointer}.theme-toggle:hover{background:var(--bg-hover);color:var(--accent-tertiary)}.theme-toggle svg{color:var(--accent-tertiary)}.main-content{flex:1;margin-left:var(--sidebar-width);padding:2rem 2.5rem;background:transparent;min-height:100vh;transition:background-color .3s ease;min-width:0;width:100%;overflow-x:hidden}.page-header{margin-bottom:2rem}.page-title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.85rem;font-weight:700}.page-title svg{width:28px;height:28px}.page-subtitle{margin:.5rem 0 0;color:var(--text-muted);font-size:1rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:all .3s ease}.card:hover{box-shadow:var(--shadow-card)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.card-title{margin:0;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s ease;text-decoration:none}.btn:hover{background:var(--bg-hover);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--gradient-manga);border-color:#ff336680;color:#fff;box-shadow:0 4px 15px #ff336640}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 20px #ff336659}.btn-secondary{background:#ffffff0f}.btn-success{background:var(--accent-success);border-color:#00ff8880;color:#000}.btn-danger{background:var(--accent-danger);border-color:#ff475780;color:#fff}.btn-carico{background:var(--accent-success)!important;border-color:var(--accent-success)!important;color:#fff!important;box-shadow:0 4px 15px #00ff8840}.btn-carico:hover{filter:brightness(.9);box-shadow:0 6px 20px #00ff8859}.btn-scarico{background:var(--accent-warning)!important;border-color:var(--accent-warning)!important;color:#fff!important;box-shadow:0 4px 15px #ff950040}.btn-scarico:hover{filter:brightness(.9);box-shadow:0 6px 20px #ff950059}[data-theme=light] .btn-carico{box-shadow:0 2px 8px #00a65a4d}[data-theme=light] .btn-carico:hover{box-shadow:0 4px 12px #00a65a66}[data-theme=light] .btn-scarico{box-shadow:0 2px 8px #e67e004d}[data-theme=light] .btn-scarico:hover{box-shadow:0 4px 12px #e67e0066}.btn-ghost{background:transparent;border:none;padding:.4rem;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon{width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center}.btn-sm{padding:.5rem .8rem;font-size:.85rem}.btn-lg{padding:.9rem 1.6rem;font-size:1rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.5rem;color:var(--text-muted);font-size:.85rem;font-weight:500}.form-input,.form-textarea,.form-select,select{width:100%;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;outline:none;transition:all .2s ease}.form-input:focus,.form-textarea:focus,.form-select:focus,select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #ff336626}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.table-container{overflow:auto;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);max-width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);text-align:left}.table th{color:var(--text-muted);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-tertiary)}.table tbody tr{transition:background .15s ease}.table tbody tr:hover{background:var(--bg-hover)}.table tbody tr:last-child td{border-bottom:none}.table-row-clickable{cursor:pointer}.low-stock-row{background:#ff95000d!important}.low-stock-row:hover{background:#ff95001a!important}.badge{display:inline-flex;align-items:center;padding:.3rem .7rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid var(--border-color);background:#ffffff0f}.badge-preordine{background:#ff950026;color:var(--accent-warning);border-color:#ff95004d}.badge-da_lavorare{background:#00d4ff26;color:var(--accent-secondary);border-color:#00d4ff4d}.badge-parzialmente_evaso{background:#ffd70026;color:var(--accent-tertiary);border-color:#ffd7004d}.badge-spedito{background:#8a2be226;color:#a855f7;border-color:#8a2be24d}.badge-completato{background:#00ff8826;color:var(--accent-success);border-color:#00ff884d}.badge-annullato{background:#ff475726;color:var(--accent-danger);border-color:#ff47574d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);background-image:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--stat-color, var(--accent-primary));border-radius:4px 0 0 4px}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}.stat-card-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:#ff33661a;color:var(--accent-primary);margin-bottom:1rem}.stat-card-value{font-size:2rem;font-weight:800;font-family:var(--font-mono);margin-bottom:.35rem;background:var(--gradient-manga);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card-label{color:var(--text-muted);font-size:.9rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-state-icon{width:72px;height:72px;margin:0 auto 1.5rem;opacity:.4}.empty-state-title{margin:.75rem 0 .5rem;color:var(--text-primary);font-size:1.3rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .15s ease-out}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:90vh;overflow:auto;animation:slideIn .2s ease-out;box-shadow:var(--shadow-card)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-title{margin:0;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-color)}.search-bar{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem}.search-input-wrapper{display:flex;align-items:center;gap:.75rem;flex:1;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:0 1rem;transition:all .2s ease}.search-input-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #ff336626}.search-input-wrapper svg{color:var(--text-muted);flex-shrink:0}.search-input{border:none!important;background:transparent!important;flex:1;padding:.75rem 0!important;box-shadow:none!important}.filter-tabs{display:flex;gap:.5rem;background:var(--bg-tertiary);padding:.35rem;border-radius:var(--radius-md)}.filter-tab{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.1rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;transition:all .2s ease}.filter-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.filter-tab.active{background:var(--gradient-manga);color:#fff;box-shadow:0 2px 8px #ff336640}.dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:2.5rem;text-align:center;cursor:pointer;transition:all .2s ease}.dropzone:hover,.dropzone.active{border-color:var(--accent-primary);background:#ff33660d}.dropzone.parsing{border-color:var(--accent-secondary);background:#00d4ff0d}.dropzone-icon{width:56px;height:56px;color:var(--text-muted);margin:0 auto 1rem}.dropzone-text{color:var(--text-secondary);margin-bottom:.5rem;font-size:1rem}.dropzone-hint{color:var(--text-muted);font-size:.85rem}.alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--radius-md);margin-bottom:1rem}.alert-success{background:#00ff881a;border:1px solid rgba(0,255,136,.3);color:var(--accent-success)}.alert-error{background:#ff47571a;border:1px solid rgba(255,71,87,.3);color:var(--accent-danger)}.alert-warning{background:#ff95001a;border:1px solid rgba(255,149,0,.3);color:var(--accent-warning)}.animate-in{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-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)}.text-muted{color:var(--text-muted)}.text-success{color:var(--accent-success)}.text-danger{color:var(--accent-danger)}.text-warning{color:var(--accent-warning)}.text-mono{font-family:var(--font-mono)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.category-tag{display:inline-block;padding:.25rem .6rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-secondary)}@media(max-width:1024px){.sidebar{width:220px}.main-content{margin-left:220px;padding:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){html,body{overflow-x:hidden}.main-content{margin-left:0;padding:.9rem}.sidebar{width:min(85vw,var(--sidebar-width));max-width:320px;padding:1rem;border-right:1px solid var(--border-color);border-bottom:none;top:56px!important;height:calc(100vh - 56px)!important}.sidebar-logo{margin-bottom:1rem}.sidebar-nav{flex-direction:column;flex-wrap:nowrap;gap:.25rem}.nav-link{padding:.65rem .85rem;font-size:.92rem}.nav-link svg{width:18px;height:18px}.nav-link span{display:inline}.page-header{margin-bottom:1rem}.page-title{font-size:1.35rem;gap:.5rem}.page-title svg{width:22px;height:22px}.page-subtitle{font-size:.9rem}.card{padding:1rem}.card-header{flex-direction:column;align-items:stretch}.btn{padding:.65rem .9rem}.table th,.table td{padding:.65rem .75rem}.table th{font-size:.72rem}.table{min-width:720px}.table th,.table td{white-space:nowrap}.form-row{grid-template-columns:1fr;gap:.75rem}.search-bar{flex-direction:column!important;align-items:stretch!important}.filter-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.35rem}.filter-tab{white-space:nowrap}.page-header,.seo-header,.analytics-header,.scanner-header{flex-direction:column;align-items:flex-start;gap:.75rem}.header-actions,.seo-header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.seo-toolbar{flex-direction:column;align-items:stretch}.seo-search{min-width:0;width:100%}.stats-grid{grid-template-columns:1fr}.analytics-page,.organize-page,.seo-page,.scanner-page,.loyalty-page{padding:1rem}.modal-overlay{padding:1rem;align-items:flex-start}.modal{max-width:100%;border-radius:var(--radius-lg)}.modal-header,.modal-body,.modal-footer{padding:1rem}.modal-footer{flex-direction:column-reverse;align-items:stretch}.modal-footer .btn{width:100%}.pos-page{flex-direction:column!important;height:auto!important}.pos-left{overflow:visible!important}.pos-right{width:100%!important}}