:root{--primary-light:#fff;--primary-dark:#121212;--accent-color:#ff5722;--error:#ff3d00;--success:#43a047;--warning:#ff5722;--text-primary-light:#000;--text-primary-dark:#fff;--text-secondary-light:#666;--text-secondary-dark:#999;--bg-accent-light:#0000000d;--bg-accent-dark:#ffffff1a;--bg-hover-light:#0000001a;--bg-hover-dark:#ffffff26;--bg-button-light:#0000001a;--bg-button-dark:#ffffff1a;--modal-bg-light:#fff;--modal-bg-dark:#1e1e1e;--modal-overlay-light:#000000b3;--modal-overlay-dark:#000000d9;--border-color-light:#0000001a;--border-color-dark:#ffffff1a;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem}.app.light .modal-overlay{background-color:#000000b3;background-color:var(--modal-overlay-light)}.app.dark .modal-overlay{background-color:#000000d9;background-color:var(--modal-overlay-dark)}.modal-content{box-shadow:0 8px 16px #0003,0 2px 4px #0000001a;max-width:90%;padding:2rem;position:relative;width:500px}.app.light .modal-content{background-color:#fff;background-color:var(--modal-bg-light);border:1px solid #0000001a;border:1px solid var(--border-color-light);color:#000;color:var(--text-primary-light)}.app.dark .modal-content{background-color:#1e1e1e;background-color:var(--modal-bg-dark);border:1px solid #ffffff1a;border:1px solid var(--border-color-dark);color:#fff;color:var(--text-primary-dark)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell;font-family:var(--font-family);line-height:1.5}.app{min-height:100vh}.app.light{--text-primary:var(--text-primary-light);--text-secondary:var(--text-secondary-light);--bg-accent:var(--bg-accent-light);--bg-hover:var(--bg-hover-light);--bg-button:var(--bg-button-light);--border-color:var(--border-color-light);--select-bg:var(--primary-light);background-color:#fff;background-color:var(--primary-light);color:#000;color:var(--text-primary-light)}.app.dark{--text-primary:var(--text-primary-dark);--text-secondary:var(--text-secondary-dark);--bg-accent:var(--bg-accent-dark);--bg-hover:var(--bg-hover-dark);--bg-button:var(--bg-button-dark);--border-color:var(--border-color-dark);--select-bg:var(--primary-dark);background-color:#121212;background-color:var(--primary-dark);color:#fff;color:var(--text-primary-dark)}.heading-1{font-size:1.5rem;font-size:var(--font-size-xl);font-weight:600;letter-spacing:-.5px;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.heading-2{font-size:1.25rem;letter-spacing:-.3px}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-base{font-size:1rem;font-size:var(--font-size-base)}.text-lg{font-size:1.25rem;font-size:var(--font-size-lg)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell;font-size:1rem;font-size:var(--font-size-base);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.button:hover{opacity:.9}.button.primary{background-color:#000}.app.dark .button.primary{background-color:#fff;color:#000}.button.secondary{background-color:var(--bg-button)}.icon-button.danger{background:#0000;color:#ff3d00;color:var(--error)}.icon-button.danger:hover{background:#ff3d00!important;background:var(--error)!important;color:#fff!important}.button.success{background-color:#43a047;background-color:var(--success);color:#fff}.input{background:var(--bg-accent);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell;font-size:1rem;padding:.5rem}.input:focus{border-color:#ff5722}.card{background:var(--bg-accent);box-shadow:0 2px 4px #0000001a;color:var(--text-primary);padding:1.5rem;padding:var(--spacing-lg);transition:transform .2s}@media (max-width:768px){.button{padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}}.inventory{animation:fadeIn .5s ease-out;background:var(--bg-secondary);min-height:calc(100vh - 60px);padding:var(--spacing-md)}.inventory .header{align-items:center;background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.inventory .header-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.button{border-radius:6px;gap:4px;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .3s,transform .2s}.button.primary:hover{background:var(--accent-hover)}.button.secondary{background:var(--bg-primary);border:1px solid var(--border-color)}.button.secondary:hover{background:var(--bg-hover)}.button:disabled{cursor:not-allowed;opacity:.5}.button.small-button{font-size:.9em;padding:4px 8px}.table-container{max-height:600px;overflow-y:auto;padding:0;position:relative}.overlay-loading{align-items:center;background:#0003;border-radius:8px;bottom:0;color:#fff;display:flex;font-weight:700;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.card{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.smaller-modal{max-width:500px!important}.products-table{border-collapse:initial;border-radius:8px;border-spacing:0;font-family:Arial,sans-serif;margin:0!important}.products-table input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-third);min-width:100px;padding:var(--spacing-sm);width:100%}.products-table thead{background:linear-gradient(90deg,var(--accent-color) 80%,var(--bg-accent) 100%);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1}.products-table th{cursor:pointer;font-weight:700!important;white-space:nowrap}.products-table tbody tr:hover{background-color:var(--bg-hover)}.products-table .text-center{text-align:center}.icon-button{transition:background-color .2s,color .2s}.icon-button:hover{background:var(--bg-hover)}.icon-button.danger:hover{background:#fdd;color:#d32f2f}.error,.loading{font-size:1.2em;padding:var(--spacing-md);text-align:center}.error{color:#dc3545}.success-message{align-items:center;background-color:#d4edda;color:#155724;display:flex;justify-content:space-between}.error-message,.success-message{border-radius:8px;margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.error-message{background-color:#f8d7da;color:#721c24}.close-button{background:none;border:none;color:#155724;cursor:pointer;font-size:1.5em}.modal-content h2{color:var(--accent-color);margin-bottom:var(--spacing-md);margin-top:0}.form-group.checkbox{align-items:center;flex-direction:row}.form-group small{color:var(--text-tertiary);font-size:.85em}.form-section-title{border-bottom:1px solid var(--border-color);color:var(--accent-color);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-md);padding-bottom:var(--spacing-xs)}.input.text-area{min-height:80px;resize:vertical}.input-with-button{display:flex;gap:var(--spacing-xs)}.input-with-button .input{flex:1 1}.input-with-button .button{flex-shrink:0}.pagination-controls{justify-content:space-between}.pagination{align-items:center;display:flex;gap:var(--spacing-sm)}.pagination-info{color:var(--text-tertiary)}.pagination-button{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .3s,transform .2s}.pagination-button:hover:not(:disabled){background:var(--bg-accent)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-current{background:var(--bg-secondary);border-radius:6px;padding:var(--spacing-sm) var(--spacing-md)}.filter-row-inventory,.filters-container{margin-bottom:var(--spacing-md)}.filter-row-inventory{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.filter-row-inventory:last-child{margin-bottom:0}.filter-group{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);min-width:200px}.filter-group label{color:var(--text-secondary);font-weight:500}.filter-group.checkbox{align-items:center;flex-direction:row;gap:var(--spacing-xs)}.filter-group.checkbox label{cursor:pointer;-webkit-user-select:none;user-select:none}.dashboard-summary{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:var(--spacing-lg)}.summary-card{align-items:center;border-radius:8px;display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.summary-card.warning{border-left:4px solid #ffc107}.summary-card.danger{border-left:4px solid #dc3545}.summary-icon{color:var(--accent-color);font-size:2rem}.summary-content{flex:1 1}.summary-content h3{color:var(--text-secondary);font-size:1rem;margin:0}.summary-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.dashboard-sections{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(500px,1fr));margin-bottom:var(--spacing-lg)}.dashboard-section{padding:var(--spacing-md)}.dashboard-section h2{color:var(--text-primary);font-size:1.2rem;margin-bottom:var(--spacing-md);margin-top:0}.dashboard-table{border-collapse:collapse;width:100%}.dashboard-table td,.dashboard-table th{border-bottom:1px solid var(--border-color);padding:8px 12px;text-align:left}.dashboard-table th{color:var(--text-secondary);font-weight:700}.no-data-message{color:var(--text-tertiary);padding:var(--spacing-md);text-align:center}.product-badge{border-radius:4px;display:inline-block;font-size:.7em;margin-left:var(--spacing-xs);padding:2px 6px;text-transform:uppercase}.product-badge.variant{background-color:#e3f2fd;color:#0d47a1}.product-badge.bundle{background-color:#e8f5e9;color:#2e7d32}.search-results{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--shadow-md);max-height:300px;overflow-y:auto;position:absolute;width:100%;z-index:100}.search-result-item{border-bottom:1px solid var(--border-color);cursor:pointer;padding:var(--spacing-sm)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:var(--bg-hover)}.search-result-details{color:var(--text-tertiary);font-size:.85em}.location-list{margin-bottom:var(--spacing-md);margin-top:var(--spacing-md)}.location-table{border-collapse:collapse;margin-top:var(--spacing-xs);width:100%}.location-table td,.location-table th{border:1px solid var(--border-color);padding:8px}.location-table th,.product-info-box{background-color:var(--bg-secondary)}.product-info-box{border-radius:6px;margin:var(--spacing-md) 0;padding:var(--spacing-md)}.product-info-box h3{color:var(--accent-color);margin-top:0}.mini-table{border-collapse:collapse;font-size:.9em;margin-top:var(--spacing-xs);width:100%}.mini-table td,.mini-table th{border:1px solid var(--border-color);padding:4px 8px}.mini-table th{background-color:var(--bg-secondary)}.stock-count-info{margin-bottom:var(--spacing-md)}.info-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column}.info-item.full-width{grid-column:1/-1}.info-label{color:var(--text-secondary);font-weight:700;margin-bottom:4px}.info-value{color:var(--text-primary)}.status-badge{display:inline-block;padding:2px 8px}.status-badge.draft{background-color:#e0e0e0;color:#616161}.status-badge.in_progress{background-color:#fff3cd;color:#856404}.status-badge.completed{background-color:#d4edda;color:#155724}.difference{color:#d32f2f;font-weight:700}.difference:not(:empty):before{background-color:#d32f2f;border-radius:50%;content:"";display:inline-block;height:8px;margin-right:6px;width:8px}.low-stock{background-color:#ffc1071a}.stock-warning{color:#d32f2f;font-weight:700}.no-data{color:var(--text-tertiary);padding:var(--spacing-lg);text-align:center}@media (max-width:1200px){.dashboard-sections{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-summary,.form-row{grid-template-columns:1fr}.header,.pagination-controls{flex-direction:column;gap:var(--spacing-md)}.header{align-items:flex-start}.header-actions{width:100%}}.inventory-nav a,.inventory-nav button{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:inherit;height:100%;padding:var(--spacing-sm);text-align:center;text-decoration:none;transition:background-color .3s;width:100%}.inventory-nav a:hover,.inventory-nav button:hover{background-color:var(--bg-hover)}.inventory-nav a.active,.inventory-nav button.active{background-color:var(--bg-hover);border-bottom:3px solid var(--accent-color);color:var(--accent-color)}.inventory-nav{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md);overflow:hidden}.inventory-nav ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.inventory-nav li{flex:1 1;min-width:120px}.inventory-nav a{align-items:center;border-bottom:3px solid #0000;color:var(--text-primary);display:flex;flex-direction:column;height:100%;padding:var(--spacing-sm);text-align:center;text-decoration:none;transition:background-color .3s}.inventory-nav a.active,.inventory-nav a:hover{background-color:var(--bg-hover)}.inventory-nav a.active{border-bottom:3px solid var(--accent-color);color:var(--accent-color)}.nav-icon{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.nav-label{font-size:.9rem;font-weight:500}@media (max-width:768px){.inventory-nav ul{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding:var(--spacing-xs)}.inventory-nav li{flex:0 0 auto}.nav-label{font-size:.8rem}}.analysis-container{background:var(--bg-primary);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:var(--text-primary);display:flex;height:calc(100vh - 180px);margin:var(--spacing-md);overflow:hidden}.chat-sidebar{background:var(--bg-accent);border-right:1px solid var(--border-color);width:280px}.chat-header,.chat-sidebar{display:flex;flex-direction:column}.chat-header{border-bottom:1px solid var(--border-color);gap:var(--spacing-sm);padding:var(--spacing-md)}.brand{align-items:center;display:flex;flex-direction:column;margin-bottom:var(--spacing-sm)}.brand h2{color:var(--accent-color);font-size:1.8em;font-weight:700;letter-spacing:-.5px;margin:0}.brand-subtitle{color:var(--text-secondary);font-size:.9em;font-weight:500}.message-counter{background:var(--bg-primary);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.message-counter,.upgrade-button{align-items:center;display:flex;font-size:.9em}.upgrade-button{background:none;border:none;border-radius:4px;color:var(--accent-color);cursor:pointer;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s}.upgrade-button:hover{background:var(--bg-hover)}.upgrade-icon{font-size:1.1em}.upgrade-icon-large{color:var(--accent-color);font-size:2.5em;margin-bottom:var(--spacing-md)}.conversations-list{flex:1 1;overflow-y:auto;padding:var(--spacing-xs)}.chat-item{border-radius:6px;cursor:pointer;margin:2px 0;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s}.chat-item:hover{background:var(--bg-hover)}.chat-item.active{background:var(--bg-active);border-left:3px solid var(--accent-color);font-weight:500}.chat-main{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column}.chat-messages{overflow-y:auto;padding:var(--spacing-md)}.chat-messages,.welcome-screen{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md)}.welcome-screen{align-items:center;color:var(--text-secondary);justify-content:center;padding:var(--spacing-xl);text-align:center}.welcome-icon{font-size:3em;margin-bottom:var(--spacing-md)}.message{animation:fadeIn .3s ease-out;display:flex;gap:var(--spacing-sm);max-width:85%}.message.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{align-items:center;background:var(--bg-accent);border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.avatar-icon{font-size:1.2em}.avatar-icon.user{color:var(--accent-color)}.avatar-icon.assistant{color:#2196f3}.message-content{border-radius:12px;box-shadow:0 2px 4px #0000000d;font-size:.95em;line-height:1.5;padding:var(--spacing-md)}.message.user .message-content{background:var(--accent-color);border-top-right-radius:4px;color:#fff}.message.assistant .message-content{background:var(--bg-accent);border:1px solid var(--border-color);border-top-left-radius:4px}.message-content p{margin:0;padding:2px 0}.bullet-point{color:var(--text-secondary);display:block;padding-left:var(--spacing-sm)}.check-point{color:#4caf50;display:block;font-weight:500}.chart-container{border:1px solid var(--border-color);height:200px;padding:var(--spacing-sm)}.message-input-container{background:var(--bg-accent);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.message-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-family:var(--font-family);font-size:.95em;padding:var(--spacing-sm) var(--spacing-md)}.message-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.1);outline:none}.message-input:disabled{cursor:not-allowed;opacity:.7}.send-button{align-items:center;background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s}.send-button:disabled{cursor:not-allowed;opacity:.7}.send-button:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.typing{align-items:center;color:var(--text-secondary);display:flex;gap:var(--spacing-sm)}.typing-indicator{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.analysis-container>.modal-overlay>.modal-content{border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:var(--spacing-xl);width:90%}.features-list{margin:var(--spacing-md) 0;text-align:left}.feature{align-items:center;color:var(--text-secondary);display:flex;gap:var(--spacing-sm);margin:var(--spacing-xs) 0}.check{color:#4caf50;font-weight:700}.price{color:var(--accent-color);font-size:1.8em;font-weight:600;margin:var(--spacing-md) 0}.button-group{justify-content:center;margin-top:var(--spacing-lg)}.icon-margin{margin-right:var(--spacing-xs)}.brand-icon{color:var(--accent-color);font-size:2em;margin-bottom:var(--spacing-xs)}.robot-icon{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.chat-item-icon{font-size:.9em;margin-right:var(--spacing-sm)}.bullet-icon,.check-icon{margin-right:var(--spacing-xs)}.send-icon{font-size:1.1em}.feature-icon{color:var(--success);margin-right:var(--spacing-sm)}.button-icon{margin-right:var(--spacing-xs)}.welcome-icon{animation:float 3s ease-in-out infinite;color:var(--accent-color);font-size:4em;margin-bottom:var(--spacing-lg)}@media (max-width:768px){.analysis-container{flex-direction:column;height:calc(100vh - 100px);margin:var(--spacing-sm)}.chat-sidebar{height:auto;max-height:200px;width:100%}.chat-main{height:calc(100vh - 300px)}.message{max-width:90%}}.filters,.inventory{padding:var(--spacing-lg)}.filters{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:2fr 1fr 1fr;margin-bottom:var(--spacing-md)}.products-table-container{overflow-x:auto;padding:0!important}.products-table{margin-top:0!important}.actions-cell{justify-content:flex-start}.icon-button{min-width:auto}@media (max-width:768px){.filters,.form-row{grid-template-columns:1fr}.form-row{gap:0}.modal-content{width:95%}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInAndFade{0%{opacity:0;transform:translateX(100%)}15%{transform:translateX(-10px)}30%{transform:translateX(5px)}45%{transform:translateX(-3px)}60%{transform:translateX(2px)}75%{transform:translateX(-1px)}to{opacity:1;transform:translateX(0)}}.sales-view{background:var(--bg-secondary);min-height:calc(100vh - 60px)}.header,.sales-view{padding:var(--spacing-md)}.header{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg)}.title-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);width:100%}.filter-item{display:flex;flex-direction:column;gap:4px}.filters-section{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:20px}.search-box{flex:1 1;min-width:200px;position:relative}.search-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);padding-right:calc(var(--spacing-md)*2);width:100%}.search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%)}.date-filter,.filter-select,.text-filter{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);min-width:150px;padding:var(--spacing-sm) var(--spacing-md)}.sales-tabs{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm)}.tab{border-radius:6px;color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-lg)}.tab:hover{background:var(--bg-hover)}.tab.active{background:var(--bg-accent);color:var(--accent-color);font-weight:500}.sales-content{animation:fadeIn .5s ease-out;background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-sm);padding:var(--spacing-md)}.sales-table-container{margin-top:var(--spacing-sm);overflow-x:auto}.table-container{border-radius:8px;overflow:auto}.sales-table{border-collapse:initial;border-spacing:0;font-family:Arial,sans-serif;margin-top:var(--spacing-sm);width:100%}.sales-table thead{background:linear-gradient(90deg,var(--accent-color) 0,var(--bg-accent) 100%);color:#fff}.sales-table th{border:none;font-weight:700;padding:var(--spacing-sm) var(--spacing-md);text-align:left}.sales-table tbody tr{transition:background-color .3s}.sales-table tbody tr:nth-child(odd){background-color:var(--bg-secondary)}.sales-table tbody tr:nth-child(2n){background-color:var(--bg-primary)}.sales-table tbody tr:hover{background-color:var(--bg-hover)}.sales-table td{border-bottom:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);vertical-align:middle}.pagination-controls{gap:var(--spacing-sm);margin-top:var(--spacing-md)}.pagination-controls button{background-color:var(--bg-accent);border:none;border-radius:6px;color:var(--accent-color);cursor:pointer;font-weight:500;padding:calc(var(--spacing-sm) + 2px) calc(var(--spacing-md) + 4px);transition:background-color .3s,transform .2s}.pagination-controls button:hover:not(:disabled){background-color:var(--accent-color);color:#fff;transform:translateY(-2px)}.pagination-controls button:disabled{background-color:var(--border-color);color:var(--text-secondary);cursor:not-allowed;transform:none}.pagination-controls span{color:var(--text-primary);font-size:1rem;font-weight:700}.status-badge{border-radius:12px;font-size:.85em;letter-spacing:.5px;padding:4px 12px;position:relative;text-transform:uppercase}.status-badge:before{animation:pulse 2s infinite;background:currentColor;border-radius:50%;content:"";display:inline-block;height:6px;margin-right:6px;width:6px}@keyframes pulse{0%{box-shadow:0 0 0 0 #ffffffb3;transform:scale(.95)}70%{box-shadow:0 0 0 4px #fff0;transform:scale(1)}to{box-shadow:0 0 0 0 #fff0;transform:scale(.95)}}.action-buttons{display:flex;gap:var(--spacing-xs)}.icon-button{background:none;padding:var(--spacing-xs)}.icon-button:hover:not(:disabled){background:var(--bg-hover);color:var(--accent-color)}.icon-button:disabled{cursor:not-allowed;opacity:.5}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between}.modal-body,.modal-footer,.modal-header{padding:var(--spacing-md)}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);justify-content:flex-end}.form-group{gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.products-table{margin-top:var(--spacing-md)}.modal-actions{display:flex;justify-content:space-between}.empty-message{color:var(--text-secondary);padding:var(--spacing-lg)!important;text-align:center}.payment-summary{background:var(--bg-accent);border-radius:8px;margin-top:var(--spacing-md);padding:var(--spacing-md)}.summary-row{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.summary-row.total{border-top:1px solid var(--border-color);color:var(--accent-color);font-size:1.2em;font-weight:700;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.payment-methods{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.payment-method-button{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;overflow:hidden;padding:var(--spacing-md);position:relative;transition:all .3s ease}.payment-method-button:before{background:radial-gradient(circle,rgba(var(--accent-color-rgb),.1) 0,rgba(var(--accent-color-rgb),0) 70%);content:"";height:120%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .3s ease;width:120%}.payment-method-button:hover:before{transform:translate(-50%,-50%) scale(1)}.payment-method-button.active{background:var(--bg-accent);border-color:var(--accent-color);box-shadow:var(--shadow-md);color:var(--accent-color);transform:translateY(-2px)}.no-results{color:var(--text-secondary);padding:var(--spacing-lg);text-align:center}@media (max-width:768px){.filters-section{flex-direction:column}.filter-group{width:100%}.sales-table{display:block;overflow-x:auto}.modal-content{margin:var(--spacing-sm);width:95%}.payment-methods{flex-direction:column}}.dropdown-list{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-sm);padding:var(--spacing-sm)}.dropdown-list,.list-items{margin-top:var(--spacing-sm)}.list-items{max-height:200px;overflow-y:auto}.list-item{border-radius:4px;cursor:pointer;display:flex;flex-direction:column;padding:var(--spacing-sm);transition:all .2s}.list-item:hover{background:var(--bg-hover)}.list-item strong{color:var(--text-primary)}.list-item small{color:var(--text-secondary);font-size:.85em}.selected-customer{align-items:flex-start;background:var(--bg-accent);border-radius:8px;display:flex;justify-content:space-between;padding:var(--spacing-sm);width:100%}.selected-customer strong{color:var(--accent-color);display:block;margin-bottom:var(--spacing-xs)}.selected-customer p{color:var(--text-secondary);font-size:.9em;margin:0}.quantity-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);padding:var(--spacing-xs);text-align:center;width:60px}.electronic-invoice-section{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-sm);padding:var(--spacing-md)}.invoice-content{margin-top:var(--spacing-md)}.search-section{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.invoice-preview{background:var(--bg-secondary);border-radius:8px;min-height:400px;padding:var(--spacing-md)}.preview-placeholder{align-items:center;border:2px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);display:flex;height:300px;justify-content:center}.reports-section{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-sm);padding:var(--spacing-md)}.reports-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:var(--spacing-md)}.report-card{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--spacing-md);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.report-card:before{background:linear-gradient(90deg,var(--accent-color) 0,#0000 100%);height:4px}.report-card:after,.report-card:before{content:"";left:0;position:absolute;top:0;width:100%}.report-card:after{background:linear-gradient(135deg,#ffffff1a,#fff0);height:100%;opacity:0;transition:opacity .3s ease}.report-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.report-card:hover:after{opacity:1}.report-card h4{color:var(--text-primary);margin:0 0 var(--spacing-md)}@media (max-width:768px){.reports-grid{grid-template-columns:1fr}.search-section{flex-direction:column}.invoice-preview{min-height:300px}}.header-actions{align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.tab-button{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s}.tab-button.active{background:var(--bg-accent);border-color:var(--accent-color);color:var(--accent-color)}.invoices-list{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:var(--spacing-md)}.invoice-card{animation:slideInRight .3s ease-out;animation-fill-mode:both;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;overflow:hidden;padding:var(--spacing-md);position:relative;transition:all .3s ease}.invoice-card:before{background:var(--accent-color);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:bottom;transition:transform .3s ease;width:4px}.invoice-card:hover:before{transform:scaleY(1)}.invoice-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateX(4px)}.invoice-card:nth-child(2){animation-delay:.1s}.invoice-card:nth-child(3){animation-delay:.2s}.invoice-card.selected{background:var(--bg-accent);border-color:var(--accent-color)}.invoice-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.invoice-card-header h4{color:var(--accent-color);margin:0}.invoice-card-body p{color:var(--text-secondary);margin:var(--spacing-xs) 0}.invoice-card-body .amount{color:var(--text-primary);font-size:1.2em;font-weight:500}.preview-content{background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow-md);padding:var(--spacing-md);position:relative;transition:all .3s ease}.preview-content.detailed{padding:var(--spacing-lg);transform:scale(1.02)}.preview-content.detailed .preview-header{background:var(--bg-accent);border-radius:12px 12px 0 0;margin:calc(var(--spacing-lg)*-1) 0 0;padding:var(--spacing-lg)}.preview-header{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.company-info h2{color:var(--accent-color);margin:0}.company-info p{color:var(--text-secondary);margin:var(--spacing-xs) 0}.invoice-info h3{color:var(--text-primary);margin:0}.customer-details{margin-bottom:var(--spacing-md)}.items-table{border-collapse:collapse;margin:var(--spacing-md) 0;transition:all .3s ease;width:100%}.items-table tr{transition:background-color .2s ease}.items-table tr:hover{background-color:var(--bg-hover)}.items-table td,.items-table th{border-bottom:1px solid var(--border-color);padding:var(--spacing-sm);text-align:left}.items-table th{background:var(--bg-accent);color:var(--text-primary);font-weight:500}.totals{border-top:1px solid var(--border-color);margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.total-row{color:var(--text-secondary);display:flex;justify-content:space-between;margin:var(--spacing-xs) 0}.total-row.grand-total{color:var(--accent-color);font-size:1.2em;font-weight:500;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.preview-footer,.total-row.grand-total{border-top:1px solid var(--border-color)}.preview-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.terms-conditions{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.9em;line-height:1.5;margin-top:var(--spacing-md);padding:var(--spacing-md)}.date-range-picker{align-items:center;display:flex;gap:var(--spacing-sm)}.chart-container{padding:var(--spacing-lg);transition:all .3s ease}.chart-container:hover{box-shadow:0 10px 30px -10px #0003;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.summary-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin-top:var(--spacing-md)}.stat-item{animation:scaleIn .4s ease-out;animation-fill-mode:both;background:var(--bg-accent);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;padding:var(--spacing-md);position:relative;transition:all .3s ease}.stat-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-item:before{background:linear-gradient(135deg,#ffffff1a,#fff0);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.stat-item:hover:before{opacity:1}.stat-item:nth-child(2){animation-delay:.1s}.stat-item:nth-child(3){animation-delay:.2s}.stat-item:nth-child(4){animation-delay:.3s}.stat-label{font-size:.9em;margin-bottom:var(--spacing-xs)}.stat-value{color:var(--accent-color);font-size:1.4em;font-weight:500}.top-list{margin-top:var(--spacing-md)}.top-item{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-sm)}.top-item:last-child{border-bottom:none}.product-name{color:var(--text-primary)}.product-sales{color:var(--text-secondary)}.payment-stats{margin-top:var(--spacing-md)}.payment-stat{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-sm)}.payment-stat:last-child{border-bottom:none}.method{color:var(--text-primary)}.amount{color:var(--accent-color);font-weight:500}.export-options{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-lg)}.export-options button{overflow:hidden;position:relative;transition:all .3s ease}.export-options button:after{background:linear-gradient(135deg,#ffffff1a,#fff0);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.export-options button:hover:after{opacity:1}@media (max-width:768px){.date-range-picker,.export-options,.header-actions{flex-direction:column;gap:var(--spacing-sm)}.invoices-list{grid-template-columns:1fr}.preview-content{padding:var(--spacing-sm)}.preview-content.detailed{padding:var(--spacing-md)}.chart-container{height:250px}.stat-item{padding:var(--spacing-sm)}}.success-notification{animation:slideInAndFade .5s ease-out forwards;background:linear-gradient(135deg,var(--success) 0,#2c7a7b 100%);background:linear-gradient(135deg,var(--success) 0,var(--success-dark) 100%);bottom:20px;box-shadow:var(--shadow-md);padding:var(--spacing-md);right:20px;z-index:1000}.action-buttons button{overflow:hidden;position:relative}.action-buttons button:before{background:radial-gradient(circle,#ffffff1a 0,#fff0 70%);border-radius:50%;content:"";height:300%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .4s ease;width:300%}.action-buttons button:hover:before{transform:translate(-50%,-50%) scale(1)}@media (max-width:1024px){.sales-trend{grid-column:span 1}}.sales-trend{grid-column:span 2}.chart-container{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-sm);height:300px;margin-top:var(--spacing-md);padding:var(--spacing-md);position:relative;transition:transform .2s}.chart-container:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}:root{--shadow-lg:0 10px 30px -10px #0003;--success-dark:#2c7a7b}.customers{padding:var(--spacing-lg)}.header{align-items:center;display:flex;justify-content:space-between}.header-actions{display:flex;gap:var(--spacing-sm)}.filters-container{margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.customer-filters{width:100%}.filters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.filters-content{margin-top:var(--spacing-md)}.filters-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:var(--spacing-md)}.filter-group{margin-bottom:var(--spacing-sm)}.filters-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-md)}.table-container{margin-bottom:var(--spacing-lg)}.table-header{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:var(--spacing-md)}.table-header,.table-title{align-items:center;display:flex}.table-title{gap:var(--spacing-sm)}.count-badge{background-color:var(--bg-accent);border-radius:16px;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.sort-controls{align-items:center;display:flex;gap:var(--spacing-sm)}.sort-controls label{width:100%}.products-table{border-collapse:collapse;width:100%}.products-table td,.products-table th{border-bottom:1px solid var(--border-color);padding:var(--spacing-md);text-align:left}.products-table th{background:var(--bg-accent);font-weight:500}.clickable-row{cursor:pointer;transition:background-color .2s}.clickable-row:hover{background-color:var(--bg-hover)}.badge{background-color:var(--bg-accent);border-radius:4px;color:var(--text-primary);display:inline-block;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);text-align:center}.badge.client{background-color:#e3f2fd;color:#1976d2}.badge.lead{background-color:#fff8e1;color:#ff8f00}.badge.partner{background-color:#e8f5e9;color:#2e7d32}.badge.supplier{background-color:#e0f7fa;color:#00838f}.badge.distributor{background-color:#f3e5f5;color:#7b1fa2}.badge.investor{background-color:#fce4ec;color:#c2185b}.badge.other{background-color:#f5f5f5;color:#757575}.status-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.status-badge.statusActive{background:var(--success-light);color:var(--success)}.status-badge.statusInactive{background:var(--error-light);color:var(--error)}.status-badge.statusPotential{background:var(--warning-light);color:var(--warning)}.status-badge.statusFormer{background:var(--bg-accent);color:var(--text-secondary)}.status-badge.statusDeleted{background:var(--error-light);color:var(--error)}.pagination-controls{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}.modal-content{max-height:90vh}.details-modal{max-width:900px}.form-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.form-row,.form-section h3{margin-bottom:var(--spacing-md)}.form-group label{color:var(--text-primary);display:block;margin-bottom:var(--spacing-xs)}.form-hint{color:var(--text-secondary)}.error-message,.form-hint{display:block;font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.error-message{color:var(--error)}.input-error{border-color:var(--error)!important}.checkbox-group{align-items:center;display:flex;gap:var(--spacing-sm)}.checkbox-group input,.checkbox-group label{margin:0}.button-group{margin-top:var(--spacing-xl)}.customer-details{width:100%}.details-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.badges-container{margin-top:var(--spacing-xs)}.badges-container,.details-actions{display:flex;gap:var(--spacing-sm)}.customer-info{margin-top:var(--spacing-md)}.info-section{margin-bottom:var(--spacing-lg)}.info-section h3{border-bottom:1px solid var(--border-light);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs)}.info-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.info-item{margin-bottom:var(--spacing-sm)}.info-item label{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-xs)}.info-item p{margin:0}.tags-container{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag{background-color:var(--bg-accent);border-radius:16px;display:inline-block;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.notes-container{background-color:var(--bg-secondary);border-radius:4px}.customer-stats,.notes-container{padding:var(--spacing-md)}.stats-header{margin-bottom:var(--spacing-lg)}.stats-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:var(--spacing-xl)}.stats-card{background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.stats-icon{align-items:center;border-radius:50%;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.stats-icon.active{background-color:var(--success-light);color:var(--success)}.stats-icon.inactive{background-color:var(--error-light);color:var(--error)}.stats-icon.lead{background-color:var(--warning-light);color:var(--warning)}.stats-icon.partner{background-color:#e8f5e9;color:#2e7d32}.stats-content h3{font-size:24px;margin:0}.stats-content p{color:var(--text-secondary);margin:4px 0 0}.stats-charts{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:var(--spacing-xl)}.stats-chart-container{background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:var(--spacing-md)}.pie-chart-container{height:200px;position:relative}.chart-legend{margin-top:var(--spacing-md)}.legend-item{margin-bottom:var(--spacing-xs)}.color-box{border-radius:4px;height:16px;margin-right:var(--spacing-sm);width:16px}.legend-label{flex:1 1}.legend-value{font-weight:500}.empty-chart{align-items:center;color:var(--text-secondary);display:flex;height:100%;justify-content:center}.recent-customers{margin-top:var(--spacing-xl)}.recent-customers h3{margin-bottom:var(--spacing-md)}.recent-customers-list{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.recent-customer-card{background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:var(--spacing-md)}.recent-customer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.recent-customer-header h4{margin:0}.recent-customer-content p{font-size:var(--font-size-sm);margin:var(--spacing-xs) 0}.contacts-list{padding:var(--spacing-md)}.list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.contacts-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.contact-card{background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:var(--spacing-md)}.contact-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.contact-header h4{margin:0}.primary-badge{background-color:var(--primary-light);border-radius:16px;color:var(--primary);font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.contact-content p{font-size:var(--font-size-sm);margin:var(--spacing-xs) 0}.contact-notes{background-color:var(--bg-accent);border-radius:4px;font-size:var(--font-size-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.contact-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-md)}.button.small{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.empty-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl);text-align:center}.empty-state button{margin-top:var(--spacing-md)}.loading-container{align-items:center;color:var(--text-secondary);display:flex;justify-content:center;padding:var(--spacing-xl)}@media (max-width:768px){.form-row{gap:0}.contacts-grid,.form-row,.recent-customers-list,.stats-charts,.stats-grid{grid-template-columns:1fr}.modal-content{padding:var(--spacing-md);width:95%}}.interaction-card,.interactions-timeline{padding:var(--spacing-md)}.interaction-card{background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.interaction-icon{align-items:center;border-radius:50%;display:flex;font-size:20px;height:48px;justify-content:center;min-width:48px}.interaction-content{flex:1 1}.interaction-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.interaction-header h4{margin:0}.interaction-status{border-radius:16px;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.interaction-details{margin-bottom:var(--spacing-md)}.interaction-details p{font-size:var(--font-size-sm);margin:var(--spacing-xs) 0}.interaction-followup{background-color:var(--bg-accent);border-radius:4px;font-size:var(--font-size-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.interaction-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-md)}.relationships-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:var(--spacing-md)}.relationship-card{background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:var(--spacing-md)}.relationship-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.relationship-header h4{margin:0}.relationship-type{border-radius:16px;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.relationship-direction{color:var(--text-secondary);font-size:var(--font-size-sm)}.relationship-description,.relationship-direction{margin-bottom:var(--spacing-sm)}.relationship-details{margin-bottom:var(--spacing-md)}.relationship-details p{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);margin:var(--spacing-xs) 0}.relationship-notes{background-color:var(--bg-accent);border-radius:4px;font-size:var(--font-size-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.relationship-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-md)}.strength-indicator{align-items:center;display:flex;gap:2px}.strength-dot{background-color:var(--primary);border-radius:50%;height:8px;width:8px}.strength-dot.empty{background-color:var(--bg-accent)}.network-container{padding:var(--spacing-md)}.network-controls{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-lg)}.depth-selector{align-items:center;display:flex;gap:var(--spacing-sm)}.network-info{background-color:var(--bg-secondary);border-radius:8px;padding:var(--spacing-md)}.network-summary{border-bottom:1px solid var(--border-light);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.network-table{overflow-x:auto}.network-table table{border-collapse:collapse;width:100%}.network-table td,.network-table th{border-bottom:1px solid var(--border-light);padding:var(--spacing-sm);text-align:left}.network-legend{border-top:1px solid var(--border-light);margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.legend-section{margin-bottom:var(--spacing-md)}.legend-section h4{margin-bottom:var(--spacing-sm)}.legend-items{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.legend-item{align-items:center;display:flex;gap:var(--spacing-xs)}.legend-color{border-radius:4px;height:16px;width:16px}.relation-badge{border-radius:4px;display:inline-block;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.range-input-group{align-items:center;display:flex;gap:var(--spacing-sm)}.range-input{flex:1 1}.range-value{min-width:36px;text-align:right}.range-labels{color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);justify-content:space-between;margin-top:2px}.tabs-container{margin-bottom:var(--spacing-lg)}.tabs{border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-xs)}.tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s}.tab:hover{color:var(--text-primary)}.tab.active{border-bottom-color:var(--primary);color:var(--primary)}@media (max-width:768px){.interaction-card{flex-direction:column}.interaction-icon{align-self:flex-start}.relationship-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.network-table{font-size:var(--font-size-sm)}.tabs{overflow-x:auto;padding-bottom:var(--spacing-xs)}}.settings-view{margin:0 auto;max-width:800px;padding:var(--spacing-lg)}.settings-header{margin-bottom:var(--spacing-xl);text-align:center}.settings-header h2{color:var(--text-primary);font-size:var(--font-size-xxl);margin:0}.subtitle{color:var(--text-secondary);margin-top:var(--spacing-xs)}.settings-form{background:var(--bg-accent);border:1px solid var(--border-color);border-radius:12px;padding:var(--spacing-xl);width:100%}.form-section{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{align-items:center;color:var(--text-primary);display:flex;gap:var(--spacing-sm)}.form-row,.form-section h3{margin-bottom:var(--spacing-lg)}.form-row{grid-gap:var(--spacing-lg);gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.form-group input,.form-group select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.1);outline:none}.form-group.full-width{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-xl)}.success-notification{animation:slideIn .3s ease-out;background:var(--success);border-radius:8px;bottom:var(--spacing-lg);box-shadow:0 4px 12px #0000001a;color:#fff;padding:var(--spacing-md) var(--spacing-lg);position:fixed;right:var(--spacing-lg)}@keyframes slideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.settings-view{padding:var(--spacing-md)}.settings-form{padding:var(--spacing-lg)}.form-row{grid-template-columns:1fr}.form-actions{justify-content:center}}.purchases{animation:fadeIn .5s ease-out;background:var(--bg-secondary);min-height:calc(100vh - 60px);padding:var(--spacing-md)}.purchases .header{align-items:center;background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.purchases .header-actions{display:flex;gap:var(--spacing-sm)}.table-container{margin-top:var(--spacing-sm);overflow-x:auto}.purchases-table{border-collapse:collapse;font-family:Arial,sans-serif;width:100%}.purchases-table thead{background:linear-gradient(90deg,var(--accent-color) 80%,var(--bg-accent) 100%);color:#fff}.purchases-table td,.purchases-table th{border-bottom:1px solid var(--border-color);padding:var(--spacing-md);text-align:left}.purchases-table tbody tr:nth-child(odd){background-color:var(--bg-secondary)}.purchases-table tbody tr:nth-child(2n){background-color:var(--bg-primary)}.purchases-table tbody tr:hover{background-color:var(--bg-hover)}.filter-row th{background:var(--bg-accent);padding:calc(var(--spacing-md)/2)}.filter-row input.input,.filter-row select.input{font-size:.9rem;padding:var(--spacing-xs);width:100%}.filter-row th>input[type=date]{display:inline-block;margin-right:.5rem;width:calc(50% - .25rem)}.filter-row th>input[type=date]:last-child{margin-right:0}.modal-content{border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:var(--spacing-xl)}.items-section{margin-top:var(--spacing-md)}.selected-items{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.item{align-items:end;background:var(--bg-secondary);border-radius:6px;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}.item>.icon-button{align-items:center;display:flex;justify-content:center;width:10%}.item-details{display:flex;flex-grow:1;justify-content:space-around}.item-details>.detail{display:flex;gap:var(--spacing-sm);width:45%}.detail{display:flex;flex-direction:column}.quantity-input,.unit-price-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);padding:var(--spacing-xs);text-align:center;width:60px}.summary{background:var(--bg-accent);border-radius:8px;margin-top:var(--spacing-md);padding:var(--spacing-md)}.summary p{color:var(--text-primary);font-weight:500;margin:var(--spacing-xs) 0}@media (max-width:768px){.form-group{width:100%}.item{align-items:flex-start;flex-direction:column}.quantity-input,.unit-price-input{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.suppliers{animation:fadeIn .5s ease-out;background:var(--bg-secondary);min-height:calc(100vh - 60px);padding:var(--spacing-md)}.suppliers .header{align-items:center;background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.suppliers .header-actions{display:flex;gap:var(--spacing-sm)}.suppliers-table{border-collapse:collapse;font-family:Arial,sans-serif;width:100%}.suppliers-table thead{background:linear-gradient(90deg,var(--accent-color) 80%,var(--bg-accent) 100%);color:#fff}.suppliers-table td,.suppliers-table th{border-bottom:1px solid var(--border-color);padding:var(--spacing-md);text-align:left}.suppliers-table tbody tr:nth-child(odd){background-color:var(--bg-secondary)}.suppliers-table tbody tr:nth-child(2n){background-color:var(--bg-primary)}.suppliers-table tbody tr:hover{background-color:var(--bg-hover)}.actions-cell{gap:var(--spacing-xs)}.actions-cell,.modal{align-items:center;display:flex}.modal{background:#00000080;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideInRight .3s ease-out;max-width:600px;width:90%}.form-group{margin-bottom:var(--spacing-md)}.input{background:var(--bg-secondary);border-radius:6px;padding:var(--spacing-sm)}@media (max-width:768px){.form-group{width:100%}}.dashboard{margin:0 auto;max-width:100%;padding:var(--spacing-lg);width:100%}.header{margin-bottom:var(--spacing-xl)}.header,.header-left{width:100%}.header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.heading-1{color:var(--text-primary);margin:0}.stats,.stats-container{width:100%}.stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.stat{align-items:center;background:var(--bg-accent);border-radius:8px;display:flex;flex-direction:column;padding:var(--spacing-lg);text-align:center;transition:transform .2s}.stat:hover{transform:translateY(-2px)}.stat-icon{align-items:center;background:var(--bg-hover);border-radius:50%;color:var(--accent-color);display:flex;height:48px;justify-content:center;margin-bottom:var(--spacing-sm);width:48px}.stat-icon,.stat-value{font-size:var(--font-size-xl)}.stat-value{color:var(--text-primary);font-weight:600;margin:var(--spacing-xs) 0}.stat-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.businesses-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);margin-top:var(--spacing-xl);width:100%}.business-card{background:var(--bg-accent);border:1px solid var(--border-color);border-radius:8px;padding:var(--spacing-lg);position:relative;transition:all .2s}.business-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.business-card.inactive{opacity:.7}.business-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.business-title{align-items:center;display:flex;gap:var(--spacing-sm)}.business-type-icon{font-size:24px}.business-status{align-items:center;background:var(--bg-hover);border-radius:16px;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.status-icon{border-radius:50%;height:8px;width:8px}.status-text{color:var(--text-secondary)}.business-details{flex-direction:column;margin-bottom:var(--spacing-lg)}.business-details,.detail-item{display:flex;gap:var(--spacing-sm)}.detail-item{align-items:center;color:var(--text-secondary)}.detail-icon{color:var(--text-tertiary)}.business-actions{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);margin-top:var(--spacing-lg)}.icon-button{align-items:center;background:var(--bg-button);border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-size-sm);height:36px;justify-content:center;padding:var(--spacing-sm);transition:all .2s;width:100%}.icon-button:hover{opacity:.9;transform:translateY(-1px)}.icon-button.primary{background:var(--accent-color);color:#fff}.icon-button.secondary{background:var(--bg-button);color:var(--text-primary)}.icon-button.success{background:var(--success);color:#fff}.color-bar{border-radius:0 0 8px 8px;bottom:0;height:4px;left:0;position:absolute;right:0}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 12px #0000001a;max-height:85vh;max-width:800px;overflow-y:auto;padding:var(--spacing-lg);width:100%}.heading-2{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-md) 0}.form{gap:var(--spacing-sm)}.form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.form-group label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.form-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);height:36px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;width:100%}.input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.05);outline:none}.input::placeholder{color:var(--text-tertiary)}.color-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;height:36px;padding:2px;transition:all .2s ease;width:100%}.color-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb),.05);outline:none}.button-group{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-md)}.button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;height:32px;justify-content:center;min-width:80px;padding:var(--spacing-xs) var(--spacing-md);transition:all .2s}.button.primary{background:var(--accent-color);color:#fff}.button.secondary{background:var(--bg-button);color:var(--text-primary)}.button:hover{opacity:.95;transform:translateY(-1px)}.button:active{transform:translateY(0)}@media (max-width:768px){.businesses-grid,.form-row,.stats{grid-template-columns:1fr}.button-group{flex-direction:column}.button{font-size:var(--font-size-base);height:36px;margin:0;min-width:100%;width:100%}.modal-content{border-radius:8px;margin:var(--spacing-xs);max-height:calc(100vh - var(--spacing-lg));max-width:calc(100% - var(--spacing-sm));padding:var(--spacing-md)}.color-input,.input{height:36px}.form-group{margin-bottom:var(--spacing-sm)}.form-group label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}}@media (max-width:1200px){.businesses-grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=main.4c44ac39.css.map*/