.app{min-height:100vh;background-color:var(--background)}.upload-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.main-content{flex:1;padding:var(--spacing-lg);margin-left:280px}@media (max-width: 768px){.main-content{margin-left:0;padding:var(--spacing-md)}}.invoices-container{padding:var(--spacing-lg);max-width:100%;margin:0 auto}.invoices-header{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);overflow:hidden}.data-table{width:100%;background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;margin-top:var(--spacing-lg)}.table tbody tr.clickable{cursor:pointer;transition:all .2s ease}.table tbody tr.clickable:hover{background:var(--background-hover)!important;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.detail-container{padding:var(--spacing-lg);max-width:100%;margin:0 auto}.detail-header{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);overflow:hidden}.detail-header .header-content{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg)}.back-btn{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--background-secondary);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease}.header-actions{display:flex;gap:var(--spacing-sm)}.detail-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.section-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--background-secondary);border-bottom:1px solid var(--border)}.section-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary);border-radius:var(--radius-sm);color:var(--white)}.section-title h1{margin:0;font-size:24px;font-weight:600;color:var(--text-primary)}.section-title p{margin:4px 0 0;color:var(--text-secondary);font-size:14px}.invoice-summary{padding:var(--spacing-lg)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.summary-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.summary-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:16px;font-weight:500;color:var(--text-primary)}.customer-info{padding:var(--spacing-lg)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:16px;font-weight:500;color:var(--text-primary)}.customer-actions{display:flex;gap:var(--spacing-sm)}.link-btn{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--primary);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:14px;text-decoration:none;cursor:pointer;transition:all .2s ease}.link-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.financial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.financial-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.financial-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.financial-value{font-size:18px;font-weight:600;color:var(--text-primary)}.financial-value.positive{color:var(--success)}.additional-info{padding:var(--spacing-lg)}.product-link{display:inline-flex;align-items:center;margin-left:var(--spacing-xs);color:var(--primary);text-decoration:none;transition:all .2s ease}.product-link:hover{color:var(--primary-dark);transform:scale(1.1)}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--text-secondary)}.error-message svg{margin-bottom:var(--spacing-md);opacity:.5}.error-message h2{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.error-message p{margin:0;color:var(--text-secondary)}@media (max-width: 1024px){.detail-header .header-content{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.summary-grid,.financial-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.info-grid{grid-template-columns:1fr}}@media (max-width: 768px){.detail-container,.detail-header .header-content,.section-header{padding:var(--spacing-md)}.section-title h1{font-size:20px}.summary-grid,.financial-grid{grid-template-columns:1fr}.customer-actions{flex-direction:column}.table-container{overflow-x:auto}}.table-header{background:var(--background-secondary);padding:var(--spacing-lg);border-bottom:1px solid var(--border)}.table-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.table-container{overflow-x:auto;max-width:100%}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{background:var(--background-secondary);padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light);vertical-align:middle}.table tbody tr{transition:background-color .2s ease}.table tbody tr:hover{background:var(--background-hover)}.clickable-row{transition:all .2s ease}.clickable-row:hover{background:var(--background-hover)!important;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.table tbody tr:last-child td{border-bottom:none}.table-cell-primary{font-weight:500;color:var(--text-primary)}.clickable-cell{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.click-indicator{color:var(--primary);font-weight:600;opacity:.7;transition:all .2s ease}.clickable-row:hover .click-indicator{opacity:1;transform:translate(2px)}.table-cell-secondary{color:var(--text-secondary);font-size:13px}.table-cell-amount{font-weight:600;text-align:right}.table-cell-amount.positive{color:var(--success)}.table-cell-amount.negative{color:var(--accent)}.table-cell-status{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:12px;font-weight:500}.table-cell-status.active{background:var(--success-light);color:var(--success)}.table-cell-status.inactive{background:var(--accent-light);color:var(--accent)}.table-cell-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:12px;font-weight:500;background:var(--background-secondary);color:var(--text-secondary)}.table-actions{display:flex;gap:var(--spacing-xs);justify-content:flex-end}.table-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.table-action-btn:hover{background:var(--background-hover);color:var(--text-primary)}.table-action-btn.primary{background:var(--primary);color:var(--white)}.table-action-btn.primary:hover{background:var(--primary-dark);transform:scale(1.1)}.table-empty{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.table-empty-icon{margin-bottom:var(--spacing-md);opacity:.5}.table-empty h3{margin-bottom:var(--spacing-sm);color:var(--text-primary)}.table-empty p{margin:0;font-size:14px}@media (max-width: 768px){.table-container{font-size:12px}.table th,.table td{padding:var(--spacing-sm) var(--spacing-md)}.table-actions{flex-direction:column;gap:var(--spacing-xs)}}.file-upload{max-width:600px;width:100%;text-align:center}.upload-header{margin-bottom:var(--spacing-2xl)}.upload-icon{margin-bottom:var(--spacing-md)}.upload-header h1{margin-bottom:var(--spacing-sm);color:var(--text-primary)}.upload-header p{color:var(--text-secondary);font-size:16px}.upload-area{border:2px dashed #E5E7EB;border-radius:var(--radius-md);padding:var(--spacing-2xl);margin-bottom:var(--spacing-xl);transition:all .2s ease;background:var(--white)}.upload-area.drag-over{border-color:var(--primary);background:#F0FDF4}.upload-area.error{border-color:var(--accent);background:#FEF2F2}.upload-content,.error-content,.success-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.file-input{display:none}.upload-info{text-align:left;background:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.upload-info h4{margin-bottom:var(--spacing-sm);color:var(--text-primary)}.upload-info ul{list-style:none;padding:0}.upload-info li{padding:var(--spacing-xs) 0;color:var(--text-secondary);font-size:14px}.upload-info li:before{content:"✓";color:var(--primary);margin-right:var(--spacing-sm)}.loading-spinner{width:48px;height:48px;border:3px solid #E5E7EB;border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navigation{position:fixed;left:0;top:0;width:280px;height:100vh;background:var(--white);border-right:1px solid #E5E7EB;display:flex;flex-direction:column;z-index:1000}.nav-header{padding:var(--spacing-lg);border-bottom:1px solid #E5E7EB}.logo{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.logo-icon{font-size:24px}.logo h2{font-size:18px;color:var(--text-primary)}.nav-content{flex:1;padding:var(--spacing-lg) 0}.nav-list{list-style:none;padding:0;margin:0}.nav-list li{margin:0}.nav-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);text-decoration:none;position:relative;transition:all .2s ease}.nav-link:hover{background:var(--background);color:var(--text-primary)}.nav-link.active{color:var(--primary);background:#F0FDF4}.active-indicator{position:absolute;right:var(--spacing-lg);width:4px;height:20px;background:var(--primary);border-radius:2px}.nav-footer{padding:var(--spacing-lg);border-top:1px solid #E5E7EB}.nav-info{text-align:center}.nav-info p{font-size:12px;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.nav-info small{font-size:10px;color:var(--text-secondary)}.dashboard{padding:var(--spacing-lg)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.header-content h1{margin-bottom:var(--spacing-xs);color:var(--text-primary)}.header-content p{color:var(--text-secondary);font-size:16px}.dashboard-grid{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto auto;gap:var(--spacing-lg);grid-template-areas:"company stats" "financial transactions"}.company-section{grid-area:company}.stats-section{grid-area:stats}.financial-section{grid-area:financial}.transactions-section{grid-area:transactions}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.stat-card{padding:var(--spacing-lg)}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.stat-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.stat-change{display:flex;align-items:center;gap:var(--spacing-xs);font-size:12px}.change-indicator{font-size:14px}.change-value.positive{color:var(--primary)}.change-value.negative{color:var(--accent)}.stat-content{text-align:left}.stat-title{font-size:14px;color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-weight:500}.stat-value{font-size:24px;font-weight:600;color:var(--text-primary)}.company-info{padding:var(--spacing-lg)}.company-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.company-icon{width:48px;height:48px;background:#F0FDF4;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.company-details h2{margin-bottom:var(--spacing-xs);color:var(--text-primary)}.company-id{color:var(--text-secondary);font-size:14px}.info-grid{display:grid;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.info-item{display:flex;align-items:center;gap:var(--spacing-sm)}.info-text{display:flex;flex-direction:column}.info-label{font-size:12px;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.info-value{font-size:14px;color:var(--text-primary)}.company-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid #E5E7EB}.meta-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.meta-label{font-size:12px;color:var(--text-secondary)}.meta-value{font-size:14px;color:var(--text-primary);font-weight:500}.financial-summary{padding:var(--spacing-lg)}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.summary-header h3{color:var(--text-primary)}.summary-period span{font-size:12px;color:var(--text-secondary);background:var(--background);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.summary-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:center}.summary-stats{display:flex;flex-direction:column;gap:var(--spacing-md)}.stat-row{display:flex;align-items:center;gap:var(--spacing-sm)}.stat-row.highlight{padding:var(--spacing-sm);background:var(--background);border-radius:var(--radius-sm);margin:var(--spacing-sm) 0}.stat-item{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.stat-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.stat-icon.revenue{background:#F0FDF4;color:var(--primary)}.stat-icon.expenses{background:#FEF2F2;color:var(--accent)}.stat-icon.net-income{background:#EFF6FF;color:#3b82f6}.stat-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-value{font-size:16px;font-weight:600;color:var(--text-primary)}.stat-value.positive{color:var(--primary)}.stat-value.negative{color:var(--accent)}.profit-margin{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid #E5E7EB}.margin-label{font-size:14px;color:var(--text-secondary)}.margin-value{font-size:18px;font-weight:600}.margin-value.positive{color:var(--primary)}.margin-value.negative{color:var(--accent)}.recent-transactions{padding:var(--spacing-lg)}.transactions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.transactions-header h3{color:var(--text-primary)}.transactions-content{min-height:200px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-secondary)}.empty-state p{margin-top:var(--spacing-sm)}.transactions-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.transaction-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-sm);transition:all .2s ease}.transaction-icon{width:32px;height:32px;background:#F0FDF4;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.transaction-details{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.transaction-main h4{font-size:14px;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.transaction-account{font-size:12px;color:var(--text-secondary)}.transaction-meta{display:flex;gap:var(--spacing-md)}.meta-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:12px;color:var(--text-secondary)}.transaction-amount{font-weight:600;color:var(--text-primary)}.transaction-amount.positive{color:var(--primary)}.transaction-status{display:flex;align-items:center}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:10px;font-weight:500;text-transform:uppercase}.status-badge.sale{background:#F0FDF4;color:var(--primary)}.status-badge.purchase{background:#FEF2F2;color:var(--accent)}.status-badge.payment{background:#EFF6FF;color:#3b82f6}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr;grid-template-areas:"company" "stats" "financial" "transactions"}.summary-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 768px){.navigation{transform:translate(-100%)}.main-content{margin-left:0}.dashboard-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.stats-grid{grid-template-columns:1fr}.transaction-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.transaction-meta{flex-direction:column;gap:var(--spacing-xs)}}.customers-container{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.customers-header{margin-bottom:var(--spacing-2xl)}.header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xl)}.header-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary),#10B981);display:flex;align-items:center;justify-content:center;color:#fff}.header-text h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.header-text p{color:var(--text-secondary);font-size:16px}.header-actions{display:flex;gap:var(--spacing-md)}.action-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:1px solid #E5E7EB;border-radius:var(--radius-md);background:var(--white);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn:hover{border-color:var(--primary);color:var(--primary)}.action-btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.action-btn.primary:hover{background:#059669;border-color:#059669}.search-container{margin-bottom:var(--spacing-2xl)}.search-input-wrapper{position:relative;max-width:500px;margin-bottom:var(--spacing-md)}.search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-secondary);z-index:1}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 48px;border:1px solid #E5E7EB;border-radius:var(--radius-md);font-size:16px;background:var(--white);transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a}.search-stats{color:var(--text-secondary);font-size:14px;display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md);flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-group label{color:var(--text-secondary);font-size:14px;font-weight:500;white-space:nowrap}.filter-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid #E5E7EB;border-radius:var(--radius-sm);background:var(--white);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease}.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #22c55e1a}.period-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:12px;font-weight:500;background:#F3F4F6;color:var(--text-secondary)}.lines-count{color:var(--text-secondary);font-size:12px}.transaction-amount{font-weight:600}.transaction-amount.positive{color:var(--success)}.transaction-amount.negative{color:var(--accent)}.customers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-lg)}.customer-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid #E5E7EB;cursor:pointer;transition:all .3s ease}.customer-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.customer-avatar{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--secondary),#8B5CF6);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.customer-info{flex:1;min-width:0}.customer-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-id{color:var(--text-secondary);font-size:14px}.view-btn{width:32px;height:32px;border-radius:var(--radius-sm);background:#F3F4F6;border:none;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.view-btn:hover{background:var(--primary);color:#fff}.customer-details{margin-bottom:var(--spacing-lg)}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid #F3F4F6;gap:var(--spacing-sm)}.detail-item svg{flex-shrink:0}.detail-item:last-child{border-bottom:none}.detail-label{color:var(--text-secondary);font-size:14px;font-weight:500}.detail-value{color:var(--text-primary);font-size:14px;font-weight:500}.detail-value.positive{color:var(--success)}.detail-value.negative{color:var(--accent)}.customer-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md)}.self-billing{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:12px;font-weight:500}.self-billing.active{background:#DCFCE7;color:#166534}.self-billing.inactive{background:#FEF3C7;color:#92400e}.empty-state{grid-column:1 / -1;text-align:center;padding:var(--spacing-3xl);color:var(--text-secondary)}.empty-icon{margin-bottom:var(--spacing-lg);opacity:.5}.empty-state h3{margin-bottom:var(--spacing-sm);color:var(--text-primary)}.empty-state p{font-size:16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal-content{background:var(--white);border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid #E5E7EB}.modal-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.close-btn{width:32px;height:32px;border-radius:var(--radius-sm);background:#F3F4F6;border:none;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;font-size:18px;font-weight:600;transition:all .2s ease}.close-btn:hover{background:#EF4444;color:#fff}.modal-body{padding:var(--spacing-xl)}.customer-detail-section{margin-bottom:var(--spacing-2xl)}.customer-detail-section:last-child{margin-bottom:0}.customer-detail-section h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid #F3F4F6}.detail-grid{display:grid;gap:var(--spacing-md)}.detail-grid .detail-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid #F3F4F6}.detail-grid .detail-item:last-child{border-bottom:none}.address-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary);font-size:14px}.address-item svg{color:var(--text-secondary);flex-shrink:0}.modal-footer{padding:var(--spacing-xl);border-top:1px solid #E5E7EB;display:flex;justify-content:flex-end}.btn{padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn.secondary{background:#F3F4F6;color:var(--text-primary)}.btn.secondary:hover{background:#E5E7EB}.suppliers-container{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.suppliers-header{margin-bottom:var(--spacing-2xl)}.suppliers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-lg)}.supplier-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid #E5E7EB;cursor:pointer;transition:all .3s ease}.supplier-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.supplier-avatar{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,#F59E0B,#D97706);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.supplier-info{flex:1;min-width:0}.supplier-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.supplier-id{color:var(--text-secondary);font-size:14px}.supplier-details{margin-bottom:var(--spacing-lg)}.supplier-footer{display:flex;justify-content:flex-end}.supplier-detail-section{margin-bottom:var(--spacing-2xl)}.supplier-detail-section:last-child{margin-bottom:0}.supplier-detail-section h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid #F3F4F6}.products-container{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.products-header{margin-bottom:var(--spacing-2xl)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-lg)}.product-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid #E5E7EB;cursor:pointer;transition:all .3s ease}.product-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.product-avatar{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,#8B5CF6,#A855F7);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.product-info{flex:1;min-width:0}.product-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-code{color:var(--text-secondary);font-size:14px}.product-details{margin-bottom:var(--spacing-lg)}.product-footer{display:flex;justify-content:flex-end}.product-type{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:12px;font-weight:500;background:#F3F4F6;color:var(--text-secondary)}.product-detail-section{margin-bottom:var(--spacing-2xl)}.product-detail-section:last-child{margin-bottom:0}.product-detail-section h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid #F3F4F6}.description-content{background:#F9FAFB;padding:var(--spacing-lg);border-radius:var(--radius-md);border-left:4px solid var(--primary)}.description-content p{color:var(--text-primary);font-size:14px;line-height:1.6;margin:0}.detail-value.customs{color:#8b5cf6;font-weight:600}.detail-value.standard{color:var(--text-primary);font-weight:600}.analytics-container{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.analytics-header h1{margin-bottom:var(--spacing-xs);color:var(--text-primary)}.analytics-header p{color:var(--text-secondary);font-size:16px}.kpi-section{margin-bottom:var(--spacing-2xl)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.kpi-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid #E5E7EB;transition:all .3s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.kpi-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.kpi-trend{display:flex;align-items:center}.kpi-content h3{font-size:14px;color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-weight:500}.kpi-value{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.kpi-change{font-size:14px;color:var(--text-secondary)}.charts-section{margin-bottom:var(--spacing-2xl)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg)}.chart-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid #E5E7EB}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.chart-header h3{color:var(--text-primary);font-size:18px;font-weight:600}.chart-content{min-height:200px;display:flex;align-items:center;justify-content:center}.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);gap:var(--spacing-md)}.chart-placeholder p{font-size:16px;margin:0}.chart-placeholder small{font-size:14px;opacity:.7}.recharts-wrapper{font-family:inherit}.recharts-cartesian-axis-tick-value,.recharts-cartesian-axis-label{font-size:12px;fill:var(--text-secondary)}.recharts-tooltip-wrapper{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);padding:var(--spacing-sm)}.recharts-default-tooltip{background:var(--white)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;box-shadow:var(--shadow-md)!important;padding:var(--spacing-sm)!important}.recharts-tooltip-label{color:var(--text-secondary)!important;font-size:12px!important;font-weight:500!important}.recharts-tooltip-item{color:var(--text-primary)!important;font-size:14px!important;font-weight:600!important}.recharts-pie-label-text{font-size:12px!important;font-weight:500!important;fill:var(--text-primary)!important}.recharts-legend-item-text{font-size:12px!important;fill:var(--text-secondary)!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border-light)!important;stroke-dasharray:3 3!important}.insights-section{margin-bottom:var(--spacing-2xl)}.insights-header{margin-bottom:var(--spacing-xl)}.insights-header h2{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:var(--spacing-sm)}.insights-header p{color:var(--text-secondary);font-size:16px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.insight-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid #E5E7EB;display:flex;align-items:center;gap:var(--spacing-lg);transition:all .3s ease}.insight-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.insight-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.insight-content{flex:1}.insight-content h4{font-size:14px;color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-weight:500}.insight-value{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.insight-subtitle{font-size:14px;color:var(--text-secondary)}.analysis-section{margin-bottom:var(--spacing-2xl)}.analysis-header{margin-bottom:var(--spacing-xl)}.analysis-header h2{color:var(--text-primary);font-size:24px;font-weight:600}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg)}.analysis-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid #E5E7EB}.analysis-card h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid #F3F4F6}.metrics-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid #F3F4F6}.metric-item:last-child{border-bottom:none}.metric-item span:first-child{color:var(--text-secondary);font-size:14px}.metric-value{font-weight:600;color:var(--text-primary)}.risk-indicators{display:flex;flex-direction:column;gap:var(--spacing-md)}.risk-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-sm);font-size:14px}.risk-item.low{background:#F0FDF4;color:#166534}.risk-item.medium{background:#FEF3C7;color:#92400e}.risk-item.high{background:#FEF2F2;color:#991b1b}.recommendations-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.recommendation-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#F9FAFB;border-radius:var(--radius-sm);font-size:14px;color:var(--text-primary)}@media (max-width: 1024px){.customers-grid,.suppliers-grid,.products-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.header-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-lg)}.header-actions{width:100%;justify-content:flex-end}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.charts-grid{grid-template-columns:1fr}.insights-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.analysis-grid{grid-template-columns:1fr}}@media (max-width: 768px){.customers-container,.suppliers-container,.products-container,.analytics-container{padding:var(--spacing-lg)}.customers-grid,.suppliers-grid,.products-grid{grid-template-columns:1fr}.header-actions{flex-direction:column;width:100%}.action-btn{justify-content:center}.modal-content{margin:var(--spacing-lg);max-height:calc(100vh - 2rem)}.kpi-grid,.insights-grid{grid-template-columns:1fr}.insight-card{flex-direction:column;text-align:center;gap:var(--spacing-md)}.analytics-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}}.language-switcher{margin-bottom:var(--spacing-md)}.language-dropdown{position:relative;display:inline-block;width:100%}.language-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.language-btn:hover{background:var(--background-hover);border-color:var(--primary)}.language-btn svg{color:var(--text-secondary)}.language-options{position:absolute;bottom:100%;left:0;right:0;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:1000;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease}.language-dropdown:hover .language-options{opacity:1;visibility:visible;transform:translateY(0)}.language-option{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;text-align:left;color:var(--text-primary);font-size:14px;cursor:pointer;transition:background-color .2s ease}.language-option:hover{background:var(--background-hover)}.language-option.active{background:var(--primary);color:var(--white)}.language-option:first-child{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.language-option:last-child{border-radius:0 0 var(--radius-sm) var(--radius-sm)}.nav-footer{padding:var(--spacing-md);border-top:1px solid var(--border);margin-top:auto}.nav-info{text-align:center;margin-top:var(--spacing-sm)}.nav-info p{color:var(--text-secondary);font-size:12px;margin:0 0 var(--spacing-xs) 0}.nav-info small{color:var(--text-tertiary);font-size:11px}.customer-row{cursor:pointer;transition:background-color .2s ease}.customer-row:hover{background:var(--background-hover)}.customer-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.customer-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--background-secondary);flex-shrink:0}.contact-cell,.address-cell{display:flex;align-items:center;gap:var(--spacing-xs)}.contact-cell svg,.address-cell svg{flex-shrink:0}@media (max-width: 1024px){.table th:nth-child(4),.table td:nth-child(4),.table th:nth-child(5),.table td:nth-child(5){display:none}}@media (max-width: 768px){.table th:nth-child(3),.table td:nth-child(3),.table th:nth-child(6),.table td:nth-child(6){display:none}.customer-cell{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.customer-icon{width:24px;height:24px}}.customer-detail-container{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.customer-detail-header{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl);overflow:hidden}.customer-detail-header .header-content{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);gap:var(--spacing-xl)}.back-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.back-btn:hover{border-color:var(--primary);color:var(--primary)}.customer-info{display:flex;align-items:center;gap:var(--spacing-lg)}.customer-icon-large{width:64px;height:64px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary),#10B981);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.customer-details h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.customer-id,.customer-tax-id{color:var(--text-secondary);font-size:14px;margin-bottom:var(--spacing-xs)}.header-stats{display:flex;gap:var(--spacing-lg)}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--background);border-radius:var(--radius-md);border:1px solid var(--border-light)}.stat-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-label{font-size:12px;color:var(--text-secondary);font-weight:500}.customer-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-sm);box-shadow:var(--shadow-sm)}.tab-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;border-radius:var(--radius-md);transition:all .2s ease}.tab-btn:hover{color:var(--text-primary);background:var(--background)}.tab-btn.active{background:var(--primary);color:#fff}.tab-content{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.overview-content{padding:var(--spacing-xl)}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.overview-section{background:var(--background);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--border-light)}.overview-section h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-light)}.info-grid{display:grid;gap:var(--spacing-md)}.info-label{font-size:14px;color:var(--text-secondary);font-weight:500;min-width:120px}.info-value{font-size:14px;color:var(--text-primary);font-weight:500}.metrics-grid{display:grid;gap:var(--spacing-md)}.metric-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--white);border-radius:var(--radius-md);border:1px solid var(--border-light)}.recent-activity{display:flex;flex-direction:column;gap:var(--spacing-md)}.activity-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--white);border-radius:var(--radius-md);border:1px solid var(--border-light)}.activity-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--background-secondary);flex-shrink:0}.activity-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.activity-title{font-size:14px;font-weight:500;color:var(--text-primary)}.activity-date{font-size:12px;color:var(--text-secondary)}.activity-amount{font-size:14px;font-weight:600;color:var(--text-primary)}.transactions-content{padding:var(--spacing-xl)}.transactions-header{margin-bottom:var(--spacing-lg)}.transactions-header h3{font-size:18px;font-weight:600;color:var(--text-primary)}.transactions-table{overflow-x:auto}.transactions-table th{background:var(--background-secondary);padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border)}.transactions-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light)}.invoices-content{padding:var(--spacing-xl)}.invoices-header{margin-bottom:var(--spacing-lg)}.invoices-header h3{font-size:18px;font-weight:600;color:var(--text-primary)}.invoices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.invoice-card{background:var(--background);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-light)}.invoice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.invoice-header h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.invoice-date{font-size:12px;color:var(--text-secondary)}.invoice-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.invoice-line{display:flex;justify-content:space-between;align-items:center}.invoice-line .label{font-size:12px;color:var(--text-secondary)}.invoice-line .value{font-size:12px;color:var(--text-primary);font-weight:500}.invoice-line .value.total{font-size:14px;font-weight:600;color:var(--primary)}.analytics-content{padding:var(--spacing-xl)}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.analytics-section{background:var(--background);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--border-light)}.analytics-section h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-light)}.chart-container{min-height:200px}.monthly-revenue-chart{display:flex;flex-direction:column;gap:var(--spacing-md)}.month-bar{display:flex;align-items:center;gap:var(--spacing-md)}.bar-container{flex:1;height:20px;background:var(--background-secondary);border-radius:var(--radius-sm);overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),#10B981);border-radius:var(--radius-sm);transition:width .3s ease}.bar-value{font-size:12px;color:var(--text-primary);font-weight:500;min-width:80px;text-align:right}.no-data{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-secondary);font-size:14px}.top-products{display:flex;flex-direction:column;gap:var(--spacing-md)}.product-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--white);border-radius:var(--radius-md);border:1px solid var(--border-light)}.product-rank{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-size:12px;font-weight:600;flex-shrink:0}.product-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.product-name{font-size:14px;font-weight:500;color:var(--text-primary)}.product-amount{font-size:12px;color:var(--text-secondary)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.error-state h2{color:var(--text-primary);margin-bottom:var(--spacing-lg)}@media (max-width: 1024px){.customer-detail-header .header-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-lg)}.header-stats{width:100%;justify-content:space-between}.overview-grid,.analytics-grid{grid-template-columns:1fr}.invoices-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.customer-detail-container,.customer-detail-header .header-content{padding:var(--spacing-lg)}.customer-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.customer-details h1{font-size:1.5rem}.header-stats{flex-direction:column;gap:var(--spacing-md)}.customer-tabs{flex-wrap:wrap}.tab-btn{flex:1;justify-content:center}.overview-content,.transactions-content,.invoices-content,.analytics-content{padding:var(--spacing-lg)}.invoices-grid{grid-template-columns:1fr}.transactions-table{font-size:12px}.transactions-table th,.transactions-table td{padding:var(--spacing-sm) var(--spacing-md)}}.supplier-detail-container{padding:var(--spacing-lg);max-width:100%;margin:0 auto}.supplier-detail-header{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);overflow:hidden}.supplier-detail-header .header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);gap:var(--spacing-lg)}.back-btn:hover{background:var(--background-hover);color:var(--text-primary);border-color:var(--border-hover)}.supplier-info{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.supplier-avatar{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--primary-gradient);border-radius:var(--radius-lg);color:var(--white)}.supplier-details h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.supplier-id{font-size:14px;color:var(--text-secondary);margin:0}.supplier-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-sm)}.tab-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center}.overview-tab{padding:var(--spacing-lg)}.info-card,.metrics-card,.address-card{background:var(--background-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);border:1px solid var(--border)}.info-card h3,.metrics-card h3,.address-card h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.info-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-light)}.info-label{font-weight:500;color:var(--text-secondary);font-size:14px}.info-value{font-weight:600;color:var(--text-primary);font-size:14px}.info-value.positive{color:var(--success)}.info-value.negative{color:var(--accent)}.metric-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--white);border-radius:var(--radius-sm);border:1px solid var(--border)}.metric-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary-gradient);border-radius:var(--radius-sm);color:var(--white)}.metric-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.metric-value{font-size:18px;font-weight:700;color:var(--text-primary)}.metric-value.negative{color:var(--accent)}.metric-label{font-size:12px;color:var(--text-secondary);font-weight:500}.address-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.address-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:14px}.address-item svg{color:var(--text-tertiary);flex-shrink:0}.transactions-tab,.invoices-tab,.analytics-tab{padding:var(--spacing-lg)}.transactions-header,.invoices-header,.analytics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.transactions-header h3,.invoices-header h3,.analytics-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.transaction-count,.invoice-count{font-size:14px;color:var(--text-secondary);font-weight:500}.transactions-table{background:var(--background-secondary);border-radius:var(--radius-md);overflow:hidden}.transactions-table table{width:100%;border-collapse:collapse}.transactions-table th{background:var(--background-tertiary);padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:600;color:var(--text-primary);font-size:14px;border-bottom:1px solid var(--border)}.transactions-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light);font-size:14px}.transactions-table tbody tr:hover{background:var(--background-hover)}.chart-card{background:var(--background-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);border:1px solid var(--border)}.chart-card h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.monthly-chart{display:flex;align-items:end;gap:var(--spacing-sm);height:200px;padding:var(--spacing-md) 0}.month-bar{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex:1}.bar-label{font-size:12px;color:var(--text-secondary);font-weight:500}.bar-container{width:100%;height:120px;background:var(--background-tertiary);border-radius:var(--radius-sm);position:relative;overflow:hidden}.bar-fill{position:absolute;bottom:0;left:0;width:100%;background:var(--primary-gradient);border-radius:var(--radius-sm);transition:height .3s ease}.bar-value{font-size:12px;font-weight:600;color:var(--text-primary)}.financial-summary{display:flex;flex-direction:column;gap:var(--spacing-md)}.summary-label{font-weight:500;color:var(--text-secondary);font-size:14px}.summary-value{font-weight:600;color:var(--text-primary);font-size:14px}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--text-secondary)}.no-data svg{margin-bottom:var(--spacing-md);color:var(--text-tertiary)}.no-data h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.no-data p{font-size:14px;margin:0}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--text-secondary)}.error-state svg{margin-bottom:var(--spacing-md);color:var(--accent)}.error-state p{font-size:14px;margin:0 0 var(--spacing-lg) 0}@media (max-width: 1024px){.supplier-detail-header .header-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.overview-grid,.analytics-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 768px){.supplier-detail-container,.supplier-detail-header .header-content{padding:var(--spacing-md)}.supplier-info{flex-direction:column;text-align:center}.supplier-details h1{font-size:20px}.supplier-tabs{flex-wrap:wrap}.tab-btn{flex:1 1 calc(50% - var(--spacing-sm));font-size:12px;padding:var(--spacing-sm) var(--spacing-md)}.overview-tab,.transactions-tab,.invoices-tab,.analytics-tab{padding:var(--spacing-md)}.transactions-table{font-size:12px}.transactions-table th,.transactions-table td{padding:var(--spacing-sm)}.monthly-chart{height:150px}}.product-detail-container{padding:var(--spacing-lg);max-width:100%;margin:0 auto}.product-detail-header{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);overflow:hidden}.product-detail-header .header-content{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);gap:var(--spacing-lg)}.header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.back-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--background-secondary);border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.back-btn:hover{background:var(--background-hover);transform:translate(-2px)}.product-info{display:flex;align-items:center;gap:var(--spacing-lg)}.product-icon-large{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--primary-light);border-radius:var(--radius-lg);color:var(--primary)}.product-details h1{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.product-code,.product-group{font-size:14px;color:var(--text-secondary);margin:0}.header-stats{display:flex;gap:var(--spacing-md)}.stat-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--background-secondary);border-radius:var(--radius-sm);min-width:120px}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:18px;font-weight:600;color:var(--text-primary)}.stat-label{font-size:12px;color:var(--text-secondary)}.product-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);background:var(--white);border-radius:var(--radius-md);padding:var(--spacing-sm);box-shadow:var(--shadow-sm)}.tab-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center}.tab-btn:hover{background:var(--background-hover);color:var(--text-primary)}.tab-btn.active{background:var(--primary);color:var(--white)}.tab-content{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.overview-content{padding:var(--spacing-lg)}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.overview-section{background:var(--background-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg)}.overview-section.full-width{grid-column:1 / -1}.overview-section h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.info-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.info-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-light)}.info-item:last-child{border-bottom:none}.info-label{font-weight:500;color:var(--text-secondary);min-width:120px}.info-value{color:var(--text-primary);flex:1}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.metric-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--white);border-radius:var(--radius-sm);border:1px solid var(--border-light)}.metric-content{display:flex;flex-direction:column}.metric-value{font-size:16px;font-weight:600;color:var(--text-primary)}.metric-value.positive{color:var(--success)}.metric-value.negative{color:var(--error)}.metric-label{font-size:12px;color:var(--text-secondary)}.top-customers,.top-suppliers{display:flex;flex-direction:column;gap:var(--spacing-sm)}.customer-item,.supplier-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--white);border-radius:var(--radius-sm);border:1px solid var(--border-light);cursor:pointer;transition:all .2s ease}.customer-item:hover,.supplier-item:hover{border-color:var(--primary);transform:translate(4px)}.customer-info,.supplier-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.customer-name,.supplier-name{font-weight:500;color:var(--text-primary)}.customer-stats,.supplier-stats{font-size:12px;color:var(--text-secondary)}.sales-content,.purchases-content,.analytics-content{padding:var(--spacing-lg)}.sales-header,.purchases-header{margin-bottom:var(--spacing-lg)}.sales-header h3,.purchases-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.sales-table,.purchases-table{overflow-x:auto}.sales-table table,.purchases-table table{width:100%;border-collapse:collapse;font-size:14px}.sales-table th,.purchases-table th{background:var(--background-secondary);padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border)}.sales-table td,.purchases-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light);vertical-align:middle}.sales-table tbody tr:hover,.purchases-table tbody tr:hover{background:var(--background-hover)}.clickable-link{color:var(--primary);cursor:pointer;text-decoration:underline;transition:color .2s ease}.clickable-link:hover{color:var(--primary-dark)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg)}.analytics-section{background:var(--background-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg)}.analytics-section h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.chart-container{margin-top:var(--spacing-md)}.monthly-sales-chart{display:flex;flex-direction:column;gap:var(--spacing-sm)}.month-bar{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.bar-label{font-size:12px;color:var(--text-secondary);min-width:80px}.bar-container{flex:1;height:20px;background:var(--background-light);border-radius:var(--radius-sm);overflow:hidden}.bar-fill{height:100%;background:var(--primary);transition:width .3s ease}.bar-value{font-size:12px;color:var(--text-secondary);min-width:120px;text-align:right}.customer-distribution{display:flex;flex-direction:column;gap:var(--spacing-sm)}.distribution-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.distribution-label{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:150px}.customer-name{font-weight:500;color:var(--text-primary);font-size:14px}.customer-percentage{font-size:12px;color:var(--text-secondary)}.distribution-bar{flex:1;height:8px;background:var(--background-light);border-radius:var(--radius-sm);overflow:hidden}.distribution-fill{height:100%;background:var(--primary);transition:width .3s ease}.distribution-value{font-size:12px;color:var(--text-secondary);min-width:80px;text-align:right}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-secondary);text-align:center}.no-data svg{margin-bottom:var(--spacing-md);opacity:.5}.no-data h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.no-data p{margin:0;font-size:14px}@media (max-width: 1024px){.product-detail-header .header-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.header-stats{width:100%;justify-content:space-between}.overview-grid,.analytics-grid{grid-template-columns:1fr}}@media (max-width: 768px){.product-detail-container,.product-detail-header .header-content{padding:var(--spacing-md)}.product-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.product-details h1{font-size:20px}.product-tabs{flex-wrap:wrap}.tab-btn{flex:none;min-width:120px}.overview-content,.sales-content,.purchases-content,.analytics-content{padding:var(--spacing-md)}.sales-table,.purchases-table{font-size:12px}.sales-table th,.sales-table td,.purchases-table th,.purchases-table td{padding:var(--spacing-sm)}.monthly-sales-chart{gap:var(--spacing-xs)}.month-bar{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.bar-label{min-width:auto}.bar-value{min-width:auto;text-align:left}}.transaction-detail-container{padding:var(--spacing-lg);max-width:100%;margin:0 auto}.transaction-detail-header{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);overflow:hidden}.transaction-detail-header .header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);gap:var(--spacing-lg)}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.back-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--background-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.back-btn:hover{background:var(--background-hover);color:var(--text-primary);transform:translate(-2px)}.header-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--white)}.header-text h1{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.header-text p{font-size:14px;color:var(--text-secondary);margin:0}.transaction-amount{display:flex;align-items:center}.amount-display{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:18px;font-weight:600}.amount-display.positive{background:var(--success-light);color:var(--success)}.amount-display.negative{background:var(--accent-light);color:var(--accent)}.amount-value{font-size:20px;font-weight:700}.transaction-detail-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.detail-section{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.detail-section h2{padding:var(--spacing-lg);margin:0;font-size:18px;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border);background:var(--background-secondary)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);padding:var(--spacing-lg)}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:var(--text-primary);font-weight:500}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.badge.sale{background:var(--success-light);color:var(--success)}.badge.purchase{background:var(--accent-light);color:var(--accent)}.badge.payment{background:var(--primary-light);color:var(--primary)}.related-entity{background:var(--background-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.entity-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.entity-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.entity-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.entity-info{display:flex;justify-content:space-between;align-items:center}.entity-label{font-size:14px;color:var(--text-secondary)}.entity-value{font-size:14px;color:var(--text-primary);font-weight:500}.entity-link{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--primary);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.entity-link:hover{color:var(--primary-dark)}.summary-section{background:linear-gradient(135deg,var(--background-secondary),var(--white))}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);padding:var(--spacing-lg)}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--white);border-radius:var(--radius-sm);border:1px solid var(--border)}.summary-label{font-size:14px;color:var(--text-secondary);font-weight:500}.summary-value{font-size:16px;font-weight:600;color:var(--text-primary)}.summary-value.positive{color:var(--success)}.summary-value.negative{color:var(--accent)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center}.error-icon{color:var(--accent);margin-bottom:var(--spacing-md)}.error-state h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.error-state p{font-size:14px;color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0}@media (max-width: 1024px){.transaction-detail-header .header-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.transaction-amount{align-self:flex-end}.detail-grid,.summary-grid{grid-template-columns:1fr}}@media (max-width: 768px){.transaction-detail-container,.transaction-detail-header .header-content{padding:var(--spacing-md)}.header-left{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.header-text h1{font-size:20px}.amount-display{font-size:16px;padding:var(--spacing-sm) var(--spacing-md)}.amount-value{font-size:18px}.detail-section h2{padding:var(--spacing-md);font-size:16px}.detail-grid,.summary-grid{padding:var(--spacing-md);gap:var(--spacing-sm)}}:root{--primary: #6CC47C;--primary-dark: #5AB06B;--primary-light: #E8F5E9;--secondary: #F6D860;--accent: #F28A8A;--accent-light: #FEE2E2;--background: #F9FAFB;--background-secondary: #F3F4F6;--background-hover: #F9FAFB;--text-primary: #1A1A1A;--text-secondary: #6B7280;--white: #FFFFFF;--success: #10B981;--success-light: #D1FAE5;--border: #E5E7EB;--border-light: #F3F4F6;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 20px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--background);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}p{font-size:14px;color:var(--text-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:14px;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;gap:var(--spacing-xs)}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:#5BB36B;transform:translateY(-1px)}.btn-secondary{background:var(--white);color:var(--text-primary);border:1px solid #E5E7EB}.btn-secondary:hover{background:#F9FAFB;border-color:#d1d5db}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.slide-up{animation:slideUp .3s ease-out}