.vendor-page{padding:24px 28px 32px;max-width:1800px;margin:0 auto;overflow-x:auto}.distributor-view-toggle{display:flex;gap:12px;margin-top:8px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border-subtle);align-items:center;flex-wrap:wrap}.distributor-view-toggle .toggle-btn{padding:8px 18px!important;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:#ccc;transition:all .2s ease}.distributor-view-toggle .toggle-btn:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15)}.distributor-view-toggle .toggle-btn.active{background:rgba(34,255,0,.15);border:1px solid rgba(34,255,0,.4);color:#2f0}.page-header{margin-bottom:20px}.page-title-section{display:flex;align-items:center;gap:12px}.page-icon{color:var(--lime);filter:none}.page-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.page-subtitle{font-size:13px;color:var(--text-secondary);margin:2px 0 0}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px;margin-top:24px;margin-bottom:20px}.kpi-card-large{display:flex;align-items:center;gap:14px;padding:18px}.kpi-icon-wrapper{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-content{flex:1 1}.kpi-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.kpi-value{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.kpi-trend{font-size:12px;font-weight:600}.kpi-trend.positive{color:var(--lime)}.kpi-trend.neutral{color:var(--text-secondary)}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:16px;gap:16px;margin-bottom:20px}.chart-section{padding:18px}.section-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:14px;display:flex;align-items:center;gap:8px}.section-header{margin-bottom:16px}.table-container{padding:18px;margin-bottom:20px;overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead{border-bottom:2px solid hsla(0,0%,100%,.1)}.data-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:10px 16px;border-bottom:1px solid hsla(0,0%,100%,.04);color:var(--text-primary);font-size:13px}.data-table tbody tr{transition:background .2s ease}.data-table tbody tr:hover{background:rgba(34,255,0,.05)}.invoice-number,.po-number,.shipment-id{font-weight:600;color:var(--lime)}.product-name{font-weight:600}.sku-code{font-family:Courier New,monospace;color:var(--text-secondary);font-size:13px}.amount-value{font-weight:700;color:var(--lime)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;font-size:11px;font-weight:600}.status-badge.status-delivered{background:rgba(34,255,0,.1);color:var(--lime);border:1px solid rgba(34,255,0,.3)}.status-badge.status-in-transit{background:rgba(59,130,246,.1);color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.status-badge.status-processing{background:rgba(251,191,36,.1);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-badge.status-confirmed{background:rgba(34,255,0,.1);color:var(--lime);border:1px solid rgba(34,255,0,.3)}.status-badge.status-pending{background:rgba(251,191,36,.1);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-badge.status-paid{background:rgba(34,255,0,.1);color:var(--lime);border:1px solid rgba(34,255,0,.3)}.status-badge.status-overdue{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.inventory-badge{display:inline-block;padding:6px 12px;border-radius:12px;font-size:11px;font-weight:600}.inventory-badge.inventory-healthy{background:rgba(34,255,0,.1);color:var(--lime);border:1px solid rgba(34,255,0,.3)}.inventory-badge.inventory-low{background:rgba(251,191,36,.1);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.inventory-badge.inventory-critical{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.info-tooltip-trigger:hover+.info-tooltip-content{display:block!important}.catalog-filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.catalog-search{flex:1 1;min-width:250px;padding:10px 14px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:var(--text-primary);font-size:14px}.catalog-search::placeholder{color:var(--text-secondary)}.catalog-select{padding:10px 14px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer}.view-toggle{display:flex;gap:8px}.view-toggle-btn{padding:8px 12px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.view-toggle-btn:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15)}.view-toggle-btn.active{background:rgba(34,255,0,.15);border-color:rgba(34,255,0,.4);color:var(--lime)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.product-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease}.product-card:hover{background:hsla(0,0%,100%,.05);border-color:rgba(34,255,0,.3);transform:translateY(-2px)}.product-image{width:100%;height:200px;object-fit:contain;background:hsla(0,0%,100%,.02);border-radius:8px;margin-bottom:12px}.product-brand{font-size:11px;color:var(--lime);text-transform:uppercase;font-weight:600;letter-spacing:.5px;margin-bottom:4px}.product-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-asin{font-size:12px;color:var(--text-secondary);font-family:Courier New,monospace}.product-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.product-modal{background:var(--bg-secondary);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:16px;right:16px;background:hsla(0,0%,100%,.1);border:none;border-radius:8px;padding:8px;cursor:pointer;color:var(--text-primary);transition:all .2s ease;z-index:10}.modal-close:hover{background:hsla(0,0%,100%,.15)}.modal-content{padding:24px}.modal-images{display:flex;gap:12px;margin-bottom:20px;overflow-x:auto}.modal-image{width:120px;height:120px;object-fit:contain;background:hsla(0,0%,100%,.02);border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.modal-image:hover{border-color:var(--lime)}.modal-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-top:20px}.detail-item{padding:12px;background:hsla(0,0%,100%,.03);border-radius:8px}.detail-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.detail-value{font-size:14px;color:var(--text-primary);font-weight:500}@media (max-width:1200px){.charts-row{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.vendor-page{padding:16px}.page-title{font-size:24px}.kpi-row{grid-template-columns:1fr}.table-container{padding:16px}.product-grid{grid-template-columns:1fr}.catalog-filters{flex-direction:column}.catalog-search{width:100%}}