.public-layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--background-color)}.public-main-content{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:calc(var(--header-height) + var(--spacing-unit) * 8) calc(var(--spacing-unit) * 2)}.debtor-highlight{color:var(--error-color-dark);font-weight:700;background-color:var(--error-color-light);padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 1.5);border-radius:var(--border-radius);display:block;margin-top:var(--spacing-unit);margin-bottom:calc(var(--spacing-unit) * 1.5);border:1px solid var(--error-color);line-height:1.5}.debtor-highlight .icon{margin-right:var(--spacing-unit)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeIn .3s ease-out}.modal-content{background-color:var(--surface-color);padding:calc(var(--spacing-unit) * 2.5);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg);width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;animation:slideInUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:calc(var(--spacing-unit) * 1.5);margin-bottom:calc(var(--spacing-unit) * 2)}.modal-header h2{margin:0;font-size:1.4em;color:var(--primary-color)}.modal-close-button{background:none;border:none;font-size:1.5em;color:var(--text-light-color);cursor:pointer;padding:var(--spacing-unit);line-height:1;transition:color var(--transition-fast)}.modal-close-button:hover{color:var(--error-color)}.modal-body{overflow-y:auto;line-height:1.7;color:var(--text-color)}.modal-body p{margin-bottom:calc(var(--spacing-unit) * 1.5)}.modal-body ul,.modal-body dl{padding-left:calc(var(--spacing-unit) * 2);margin:0}.modal-body li,.modal-body dt,.modal-body dd{margin-bottom:calc(var(--spacing-unit) * 1)}.modal-body dt{font-weight:600;color:var(--primary-color-dark)}.modal-body dd{margin-left:calc(var(--spacing-unit) * 2);color:var(--text-light-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.form-group.full-width{grid-column:1 / -1}.client-card-selectable-mode:hover .client-card-header h3,.client-card-selectable-mode:hover .client-name-link,.client-card-selectable-mode:hover .client-card-body p,.client-card-selectable-mode:hover .client-card-body p .icon,.client-card-selectable-mode:hover .debtor-indicator{color:var(--text-on-accent)}.debtor-indicator{color:var(--error-color);font-size:1.1em;margin-left:var(--spacing-unit)}.client-view-details{display:flex;align-items:center;gap:calc(var(--spacing-unit) * .5);font-size:.8rem;color:var(--secondary-color);font-weight:500;opacity:.7;transition:var(--transition-fast);justify-content:flex-end;margin-top:auto;margin-bottom:calc(var(--spacing-unit) * 1)}.client-view-details i{font-size:.7rem;transition:var(--transition-fast)}.client-card:hover .client-view-details{opacity:1;color:var(--primary-color)}.client-card:hover .client-view-details i{transform:translate(2px)}.client-card-actions{margin-top:0;padding-top:calc(var(--spacing-unit) * 1.5);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-unit);flex-wrap:wrap;justify-content:flex-end}.client-primary-actions{display:flex;gap:calc(var(--spacing-unit) * 1.5);margin-bottom:calc(var(--spacing-unit) * 3);flex-wrap:wrap;align-items:center}.client-primary-actions .button{flex-grow:0}.product-hero-image{width:150px;height:150px;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:var(--box-shadow);margin:0 auto}.product-primary-actions{display:flex;gap:calc(var(--spacing-unit) * 1.5);margin-bottom:calc(var(--spacing-unit) * 3);flex-wrap:wrap;align-items:center}.product-primary-actions .button{flex-grow:0}.stock-adjustment-section,.image-management-section{margin-top:calc(var(--spacing-unit) * 2.5);padding-top:calc(var(--spacing-unit) * 2.5);border-top:1px solid var(--border-color)}.stock-adjustment-section .section-header{font-size:1.25em;color:var(--primary-color);margin-bottom:calc(var(--spacing-unit) * 2);display:flex;align-items:center;gap:var(--spacing-unit)}.stock-management-content{padding:calc(var(--spacing-unit) * 2);border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-color);display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2.5)}.stock-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--spacing-unit) * 2)}.stock-info-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 1.5);text-align:center;display:flex;flex-direction:column;justify-content:center}.stock-info-card-title{font-size:var(--font-size-sm);color:var(--text-light-color);margin-bottom:calc(var(--spacing-unit) * .5)}.stock-info-card-value{font-size:2.2em;font-weight:700;line-height:1.1;color:var(--primary-color-dark)}.stock-info-card-change{font-size:var(--font-size-sm);color:var(--text-light-color);margin-top:calc(var(--spacing-unit) * .5)}.stock-info-card.increase .stock-info-card-value{color:var(--success-color-dark)}.stock-info-card.decrease .stock-info-card-value{color:var(--error-color-dark)}.stock-controls-container{display:flex;flex-direction:column;gap:var(--spacing-unit)}.stock-controls-container>label{font-weight:500;color:var(--text-color);font-size:var(--font-size-base)}.quantity-control-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-unit)}.quantity-control-group input[type=number]{flex:1 1 120px;text-align:center;font-size:1.2em;font-weight:500}.stock-quick-adjust-buttons{display:flex;gap:var(--spacing-unit);flex:1 1 auto}.stock-reason-container .form-group{margin-bottom:0}.stock-reason-container .form-group:not(:last-child){margin-bottom:calc(var(--spacing-unit) * 2)}.image-management-details{padding:calc(var(--spacing-unit) * 1.5) var(--spacing-unit);border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-color);margin-top:calc(var(--spacing-unit) * .5)}.image-uploader-container{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1.5);align-items:center;width:100%}.dropzone{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--spacing-unit) * 2.5);border-width:2px;border-radius:var(--border-radius);border-color:var(--border-color);border-style:dashed;background-color:var(--background-color);color:var(--text-light-color);outline:none;transition:border .24s ease-in-out;cursor:pointer;text-align:center;width:100%;min-height:120px}.dropzone.active{border-color:var(--primary-color)}.dropzone.accept{border-color:var(--success-color)}.dropzone.reject{border-color:var(--error-color)}.dropzone p{margin:0;font-size:var(--font-size-base)}.dropzone-icon{font-size:2.5em;color:var(--secondary-color);margin-bottom:var(--spacing-unit)}.image-preview-and-controls{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-unit);width:100%}.product-form-image-preview{width:150px;height:150px;border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--surface-color);position:relative}.upload-status{width:100%;text-align:center;font-size:var(--font-size-sm);padding:calc(var(--spacing-unit) * .75);border-radius:var(--border-radius)}.upload-status.loading{background-color:var(--info-color-light);color:var(--info-color-dark)}.upload-status.success{background-color:var(--success-color-light);color:var(--success-color-dark)}.upload-status.error{background-color:var(--error-color-light);color:var(--error-color-dark)}@media (max-width: 480px){.stock-info-grid{grid-template-columns:1fr}.stock-info-card-value{font-size:1.8em}}.catalog-info-banner{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * 3);box-shadow:0 2px 4px #0000000d}.catalog-info-content{display:flex;align-items:flex-start;gap:calc(var(--spacing-unit) * 1.5)}.catalog-info-icon{color:#6c757d;font-size:1.2em;margin-top:2px;flex-shrink:0}.catalog-info-text{flex:1;line-height:1.5;color:var(--text-color)}.catalog-info-text span{display:block;margin-bottom:calc(var(--spacing-unit) * 1);font-size:var(--font-size-sm)}.catalog-info-detail-btn{background:none;border:none;color:var(--primary-color);text-decoration:underline;cursor:pointer;font-size:var(--font-size-sm);padding:0;transition:color var(--transition-fast)}.catalog-info-detail-btn:hover{color:var(--primary-color-dark)}.catalog-info-modal-content{font-size:var(--font-size-base);line-height:1.6;color:var(--text-color)}.catalog-info-modal-content p{margin-bottom:calc(var(--spacing-unit) * 2)}.catalog-info-modal-content p:last-child{margin-bottom:0}.catalog-info-modal-content a{color:var(--primary-color);text-decoration:none}.catalog-info-modal-content a:hover{text-decoration:underline}.sale-breadcrumb-item.finalized .breadcrumb-link{color:var(--text-light-color);pointer-events:none;cursor:default}.sale-breadcrumb-item.finalized .breadcrumb-link:hover{background-color:transparent;text-decoration:none;color:var(--text-light-color)}.sale-form-page .sale-form-actions{margin-top:calc(var(--spacing-unit) * 3);padding-top:calc(var(--spacing-unit) * 2.5);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-unit)}.sale-form-page .sale-form-actions>div{display:flex;gap:var(--spacing-unit);flex-wrap:wrap}.sale-payment-page .page-header{align-items:center}.sale-payment-page .page-header .sale-status-badge{margin-left:var(--spacing-unit);font-size:var( --font-size-sm )}.sale-payment-layout{display:grid;grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 2.5);margin-top:calc(var(--spacing-unit) * 2)}.sale-summary-panel,.payment-form-panel,.existing-payments-panel{background-color:var(--surface-color);padding:calc(var(--spacing-unit) * 2);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-sm);border:1px solid var(--border-color)}.sale-summary-panel h2,.payment-form-panel h2,.existing-payments-panel h2{font-size:1.3em;color:var(--primary-color);margin-bottom:calc(var(--spacing-unit) * 1.5);padding-bottom:var(--spacing-unit);border-bottom:1px solid var(--border-color)}.sale-summary-panel p{display:flex;justify-content:space-between;margin-bottom:calc(var(--spacing-unit) * .75);font-size:var(--font-size-base)}.sale-summary-panel p span:last-child{font-weight:500}.sale-summary-panel .total-highlight{font-size:var(--font-size-lg);color:var(--primary-color);font-weight:700;margin-top:var(--spacing-unit)}.sale-summary-panel .remaining-highlight{font-size:var(--font-size-lg);font-weight:700;margin-top:var(--spacing-unit);padding:var(--spacing-unit);border-radius:var(--border-radius)}.sale-summary-panel .remaining-highlight.due{color:var(--error-color-dark);background-color:var(--error-color-light);border:1px solid var(--error-color)}.sale-summary-panel .remaining-highlight.paid{color:var(--success-color-dark);background-color:var(--success-color-light);border:1px solid var(--success-color)}.payment-form-fields .form-group{margin-bottom:calc(var(--spacing-unit) * 2)}.payments-list{list-style:none;padding:0;margin:0}.payment-item{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--spacing-unit) * 1) 0;border-bottom:1px dashed var(--border-color);font-size:var(--font-size-sm)}.payment-item:last-child{border-bottom:none}.payment-item span{flex-basis:25%}.payment-item span:nth-child(2){font-weight:500;text-align:right}.payment-item span:nth-child(3){text-align:center}.payment-item small{color:var(--text-light-color);text-align:right}.page-actions-footer{margin-top:calc(var(--spacing-unit) * 3);padding-top:calc(var(--spacing-unit) * 2);border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-unit);justify-content:center}@media (min-width: 768px){.sale-payment-layout{grid-template-columns:repeat(2,1fr);grid-template-areas:"summary form" "existing existing"}.sale-summary-panel{grid-area:summary}.payment-form-panel{grid-area:form}.existing-payments-panel{grid-area:existing}.page-actions-footer{justify-content:flex-end}.sale-actions-group .button{flex-grow:0}}@media (min-width: 1024px){.sale-payment-layout{grid-template-columns:1fr 1fr;grid-template-areas:"summary form" "existing existing"}}.payment-form-fields{background-color:transparent;padding:0;box-shadow:none;margin-top:0}.modal-info-section{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-unit);margin:calc(var(--spacing-unit) * 1.5) 0}.modal-info-section p{margin:.5rem 0}.modal-warning-list{margin:calc(var(--spacing-unit) * 1.5) 0;padding-left:calc(var(--spacing-unit) * 2)}.modal-warning-list li{margin:.5rem 0;color:var(--warning-color-dark)}.sales-options{margin:calc(var(--spacing-unit) * -1.5) 0 calc(var(--spacing-unit) * 1.5) 0;display:flex;align-items:center;justify-content:flex-start}.checkbox-small{display:flex;align-items:center;cursor:pointer;font-size:.8rem;color:var(--text-light-color);margin:0;opacity:.8;transition:var(--transition-fast)}.checkbox-small:hover{opacity:1}.checkbox-small input[type=checkbox]{margin-right:calc(var(--spacing-unit) * .5);transform:scale(.85);accent-color:var(--secondary-color);cursor:pointer}.checkbox-small span{cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-fast);font-style:italic}.checkbox-small:hover span{color:var(--text-color)}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--spacing-unit) * 2);flex-wrap:wrap;gap:calc(var(--spacing-unit) * 2)}.stats-date-picker-container{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 1.5);align-items:center;background-color:var(--surface-color);padding:calc(var(--spacing-unit) * 1.5);border-radius:var(--border-radius);box-shadow:var(--box-shadow-sm);margin-bottom:calc(var(--spacing-unit) * 2)}.stats-date-picker-container .form-group{margin-bottom:0;flex-grow:1;min-width:180px}.stats-date-picker-container .form-group label{font-size:var(--font-size-sm);font-weight:400;color:var(--text-light-color)}.stats-date-picker-container input[type=date]{padding:calc(var(--spacing-unit) * 1)}.stats-date-picker-container .button-group{display:flex;gap:var(--spacing-unit);align-items:center;margin-left:auto}.stats-tabs-nav{display:flex;margin-bottom:calc(var(--spacing-unit) * 2.5);background-color:var(--surface-color);border-radius:var(--border-radius) var(--border-radius) 0 0;border-bottom:2px solid var(--border-color);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.stats-tabs-nav::-webkit-scrollbar{display:none}.stats-tab-button{padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);cursor:pointer;border:none;background-color:transparent;color:var(--text-light-color);font-size:var(--font-size-base);font-weight:500;transition:var(--transition-base);border-bottom:3px solid transparent;white-space:nowrap;flex-shrink:0}.stats-tab-button:hover{color:var(--primary-color)}.stats-tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.stats-tab-button .icon{margin-right:var(--spacing-unit)}.stats-tabs-select-mobile{width:100%;padding:calc(var(--spacing-unit) * 1.5);font-size:var(--font-size-base);font-weight:500;color:var(--primary-color);background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23005f73'%3E%3Cpath d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(var(--spacing-unit) * 1.5) center;background-size:1.2em;box-shadow:var(--box-shadow-sm)}.stats-tabs-select-mobile:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #005f7333}.stats-tabs-nav:has(.stats-tabs-select-mobile){border-bottom:none}.stats-section{background-color:var(--surface-color);padding:calc(var(--spacing-unit) * 2.5);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);margin-bottom:calc(var(--spacing-unit) * 3);border:1px solid var(--border-color)}.stats-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--spacing-unit) * 2);padding-bottom:calc(var(--spacing-unit) * 1.5);border-bottom:1px solid var(--border-color)}.stats-section-header h2{font-size:1.5em;color:var(--primary-color-dark);margin:0}.stats-section-header .controls{display:flex;gap:var(--spacing-unit)}.stats-section-header .controls select,.stats-section-header .controls .button{font-size:var(--font-size-sm);padding:calc(var(--spacing-unit) * .75) var(--spacing-unit)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * 2.5)}.stats-card{background-color:var(--background-color);padding:calc(var(--spacing-unit) * 2);border-radius:var(--border-radius);border:1px solid var(--border-color);text-align:center}.stats-card-title{font-size:var(--font-size-sm);color:var(--text-light-color);margin-bottom:var(--spacing-unit);font-weight:500}.stats-card-value{font-size:1.6em;font-weight:600;color:var(--primary-color);margin-bottom:calc(var(--spacing-unit) * .5)}.stats-card-trend{font-size:var(--font-size-sm)}.stats-card-trend.positive{color:var(--success-color-dark)}.stats-card-trend.negative{color:var(--error-color-dark)}.basic-bar-chart-container{width:100%;min-height:300px;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 2);position:relative;overflow-x:auto}.basic-bar-chart{display:flex;align-items:flex-end;gap:var(--spacing-unit);height:250px;width:max-content;padding-left:calc(var(--spacing-unit) * 3);padding-bottom:calc(var(--spacing-unit) * 3)}.bar-wrapper{display:flex;flex-direction:column;align-items:center;flex-grow:1;min-width:40px}.bar{background-color:var(--secondary-color);width:100%;border-radius:var(--border-radius) var(--border-radius) 0 0;transition:height .3s ease-out;position:relative}.bar:hover{background-color:var(--primary-color)}.bar-value{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:var(--font-size-sm);color:var(--text-color);font-weight:500;white-space:nowrap;background-color:#fffc;padding:2px 4px;border-radius:3px;display:none}.bar-wrapper:hover .bar-value{display:block}.bar-label{font-size:var(--font-size-sm);color:var(--text-light-color);margin-top:calc(var(--spacing-unit) * .5);text-align:center;white-space:nowrap}.stats-table-wrapper{min-width:0}.stats-table-scroll-container{overflow:auto;margin-top:calc(var(--spacing-unit) * 1.5);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:0;box-shadow:var(--box-shadow-sm);max-height:500px;background:linear-gradient(to right,var(--surface-color),var(--surface-color)),linear-gradient(to left,var(--surface-color),var(--surface-color)),radial-gradient(farthest-side at 100% 50%,#0000001a,#0000),radial-gradient(farthest-side at 0% 50%,#0000001a,#0000);background-repeat:no-repeat;background-size:100% 100%,100% 100%,15px 100%,15px 100%;background-position:left,right,right,left;background-attachment:scroll,scroll,local,local}.stats-table{width:100%;min-width:600px;border-collapse:separate;border-spacing:0;font-size:var(--font-size-sm)}.stats-table th,.stats-table td{border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);padding:calc(var(--spacing-unit) * 1.25);text-align:left;white-space:nowrap;vertical-align:middle}.stats-table th:last-child,.stats-table td:last-child{border-right:none}.stats-table tbody tr:last-child td{border-bottom:none}.stats-table thead th{background-color:var( --background-color );color:var(--primary-color-dark);font-weight:600;position:sticky;top:0;z-index:2;border-top:none}.stats-table tbody th:first-child,.stats-table tbody td:first-child{position:sticky;left:0;background-color:var(--surface-color);z-index:1;box-shadow:1px 0 3px #00000012;border-left:none}.stats-table thead th:first-child{position:sticky;top:0;left:0;z-index:3;box-shadow:1px 1px 3px #00000012;border-left:none}.stats-table td.numeric,.stats-table th.numeric{text-align:right}.stats-table td.highlight{font-weight:600;color:var(--primary-color)}.stats-table .product-name-link{color:var(--secondary-color);font-weight:500}.stats-table .product-name-link:hover{color:var(--primary-color);text-decoration:underline}.low-stock-list{list-style:none;padding:0}.low-stock-item{display:flex;justify-content:space-between;padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 1.5);border-radius:var(--border-radius);margin-bottom:var(--spacing-unit);border:1px solid var(--warning-color);background-color:var(--warning-color-light);align-items:center}.low-stock-item strong{color:var(--warning-color-dark)}.low-stock-item .deficit{color:var(--error-color-dark);font-weight:700}.low-stock-item a{color:var(--warning-color-dark);text-decoration:underline}.low-stock-item a:hover{color:var(--primary-color)}.payment-status-distribution-list{list-style:none;padding:0}.payment-status-distribution-item{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--spacing-unit) * .75) 0;border-bottom:1px dashed var(--border-color);font-size:var(--font-size-base)}.payment-status-distribution-item:last-child{border-bottom:none}.payment-status-distribution-item .status-name{font-weight:500}.payment-status-distribution-item .status-value{text-align:right}.payment-status-distribution-item .status-percentage{color:var(--text-light-color);font-size:var(--font-size-sm);margin-left:var(--spacing-unit)}@media (max-width: 768px){.stats-header,.stats-date-picker-container{flex-direction:column;align-items:stretch}.stats-date-picker-container .form-group,.stats-date-picker-container .button-group{width:100%;margin-left:0}.stats-date-picker-container .button-group{justify-content:center}.stats-tabs-nav:has(.stats-tabs-select-mobile){border-bottom:none}.stats-section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-unit)}.stats-section-header .controls{width:100%;flex-direction:column}.stats-section-header .controls select,.stats-section-header .controls .button{width:100%}.stats-table{min-width:100%}}@media (min-width: 768px){.stats-card-value{font-size:1.8em}}.exports-page-grid{display:grid;grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 3)}.export-card{background-color:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);border:1px solid var(--border-color);padding:calc(var(--spacing-unit) * 2.5);display:flex;flex-direction:column}.export-card-header{display:flex;align-items:flex-start;gap:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * 2)}.export-card-icon{font-size:2em;color:var(--primary-color);background-color:var(--background-color);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.export-card-title-wrapper{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-unit);flex-grow:1}.export-card-title h2{font-size:1.4em;color:var(--primary-color-dark);margin:0 0 calc(var(--spacing-unit) * .5) 0}.export-card-title p{color:var(--text-light-color);margin:0;line-height:1.5}.export-help-button{background-color:var(--background-color);color:var(--text-light-color);border:1px solid var(--border-color);border-radius:50%;width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-base)}.export-help-button:hover{background-color:var(--primary-color);color:var(--text-on-primary);border-color:var(--primary-color);transform:scale(1.1)}.export-card-controls{margin-top:auto;padding-top:calc(var(--spacing-unit) * 2);border-top:1px solid var(--border-color)}.date-range-controls{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 2);align-items:flex-end;margin-bottom:calc(var(--spacing-unit) * 2)}.date-range-controls .form-group{flex-grow:1;margin-bottom:0}.date-range-controls label{font-size:var(--font-size-sm)}.export-card-actions{display:flex;justify-content:flex-end;align-items:center;gap:calc(var(--spacing-unit) * 1.5);margin-top:calc(var(--spacing-unit) * 1)}.export-progress-text{font-size:var(--font-size-sm);color:var(--text-light-color);font-style:italic}@media (min-width: 768px){.exports-page-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.date-range-controls{flex-direction:column;align-items:stretch}}.landing-page{background-color:var(--surface-color);color:var(--text-color);width:100%}.landing-container{width:100%;max-width:1200px;margin:0 auto;padding:0 calc(var(--spacing-unit) * 2)}.landing-header{background-color:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:calc(var(--spacing-unit) * 1.5) 0;position:fixed;top:0;left:0;right:0;z-index:1000;transition:var(--transition-base)}.landing-header .landing-container{display:flex;justify-content:space-between;align-items:center}.landing-logo{font-size:1.6em;font-weight:700;color:var(--primary-color);text-decoration:none;z-index:1002;position:relative}.burger-menu{display:none;flex-direction:column;justify-content:space-around;width:28px;height:28px;background:none;border:none;cursor:pointer;padding:0;z-index:1002;position:relative;transition:var(--transition-base)}.burger-menu:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}.burger-menu span{display:block;height:3px;width:100%;background-color:var(--text-color);border-radius:2px;transition:all .3s ease-in-out;transform-origin:center}.burger-menu.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.burger-menu.open span:nth-child(2){opacity:0;transform:scale(0)}.burger-menu.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.landing-nav{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2)}.nav-overlay{display:none}.nav-content{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2)}.landing-nav .nav-link{font-weight:500;color:var(--text-light-color);text-decoration:none;transition:var(--transition-fast);padding:calc(var(--spacing-unit) * .5) 0}.landing-nav .nav-link:hover{color:var(--primary-color);text-decoration:none}.hero-section{padding-top:calc(var(--header-height) + var(--spacing-unit) * 8);padding-bottom:calc(var(--spacing-unit) * 8);background-color:var(--background-color)}.hero-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:calc(var(--spacing-unit) * 6)}.hero-text h1{font-size:3em;font-weight:700;line-height:1.2;color:var(--primary-color-dark);margin-bottom:calc(var(--spacing-unit) * 2)}.hero-subtitle{font-size:var(--font-size-lg);color:var(--text-light-color);line-height:var(--line-height-base);margin-bottom:calc(var(--spacing-unit) * 4)}.hero-cta{font-size:var(--font-size-lg);padding:calc(var(--spacing-unit) * 1.75) calc(var(--spacing-unit) * 3);box-shadow:var(--box-shadow)}.hero-note{font-size:var(--font-size-sm);color:var(--text-light-color);margin-top:var(--spacing-unit)}.hero-image-container{position:relative;display:flex;justify-content:center;align-items:center;min-height:400px}.hero-image{display:none}.hero-image-desktop{width:100%;max-width:550px;border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);z-index:1;transition:transform .4s cubic-bezier(.25,.8,.25,1)}.hero-image-mobile{position:absolute;width:33%;max-width:180px;bottom:-25px;left:-10px;border-radius:12px;border:4px solid var(--surface-color);box-shadow:0 15px 35px #0003,0 5px 15px #00000026;transform:rotate(-10deg);z-index:2;transition:transform .4s cubic-bezier(.25,.8,.25,1)}.hero-image-container:hover .hero-image-desktop{transform:scale(1.02) rotate(1deg)}.hero-image-container:hover .hero-image-mobile{transform:scale(1.05) rotate(-3deg) translateY(-10px)}.problem-section{padding:calc(var(--spacing-unit) * 8) 0;text-align:center}.problem-section h2{font-size:2.2em;margin-bottom:calc(var(--spacing-unit) * 4)}.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--spacing-unit) * 3)}.problem-card{background-color:var(--background-color);padding:calc(var(--spacing-unit) * 3);border-radius:var(--border-radius-lg);border:1px solid var(--border-color)}.problem-icon{font-size:2.5em;margin-bottom:var(--spacing-unit);display:block}.solution-reveal{margin-top:calc(var(--spacing-unit) * 6);padding:calc(var(--spacing-unit) * 3);background-color:var(--accent-color-light);border:1px solid var(--accent-color);border-radius:var(--border-radius);max-width:800px;margin-left:auto;margin-right:auto}.solution-reveal h3{color:var(--primary-color);font-size:1.5em}.features-section,.how-it-works-section,.faq-section,.testimonials-section,.coming-soon-section,.contact-section,.philosophy-section{padding:calc(var(--spacing-unit) * 8) 0}.section-header{text-align:center;margin-bottom:calc(var(--spacing-unit) * 5)}.section-tag{display:inline-block;background-color:var(--accent-color-light);color:var(--accent-color-dark);padding:calc(var(--spacing-unit) * .5) calc(var(--spacing-unit) * 1.5);border-radius:20px;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-unit)}.section-header h2{font-size:2.5em;margin-bottom:var(--spacing-unit)}.section-header p{font-size:var(--font-size-lg);color:var(--text-light-color);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--spacing-unit) * 3)}.feature-card{background-color:var(--surface-color);padding:calc(var(--spacing-unit) * 3);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);text-align:left;transition:var(--transition-base)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--box-shadow)}.feature-icon{font-size:2em;color:var(--primary-color);margin-bottom:var(--spacing-unit)}.feature-card h3{font-size:1.3em;color:var(--primary-color-dark);margin-bottom:var(--spacing-unit)}.feature-card p{color:var(--text-light-color);line-height:1.6}.how-it-works-section{background-color:var(--background-color)}.steps-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing-unit) * 2)}.step-card{flex:1;text-align:center;padding:calc(var(--spacing-unit) * 2)}.step-number{width:40px;height:40px;border-radius:50%;background-color:var(--accent-color);color:var(--text-on-accent);display:flex;align-items:center;justify-content:center;font-size:1.2em;font-weight:700;margin:0 auto calc(var(--spacing-unit) * 2) auto}.step-icon{font-size:3em;color:var(--secondary-color);margin-bottom:var(--spacing-unit)}.step-card h3{font-size:1.4em;color:var(--primary-color)}.step-arrow{font-size:2em;color:var(--border-color);margin-top:calc(var(--spacing-unit) * 10)}.testimonials-section{background-color:var(--surface-color)}.testimonial-card{max-width:800px;margin:0 auto;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:calc(var(--spacing-unit) * 5);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg);text-align:center}.testimonial-card blockquote{font-size:1.3em;font-style:italic;border:none;padding:0;margin:0 0 calc(var(--spacing-unit) * 3) 0}.testimonial-author{display:flex;align-items:center;justify-content:center;gap:var(--spacing-unit)}.testimonial-author img{width:50px;height:50px;border-radius:50%;border:2px solid white}.author-info{text-align:left}.author-name{font-weight:700;margin:0}.author-title{font-size:var(--font-size-sm);opacity:.8;margin:0}.philosophy-section{background-color:var(--background-color)}.philosophy-content{max-width:900px;margin:0 auto;text-align:center}.philosophy-content h2{font-size:2.2em;color:var(--primary-color-dark);margin-bottom:calc(var(--spacing-unit) * 3)}.philosophy-content p{font-size:var(--font-size-lg);color:var(--text-light-color);line-height:1.7;margin-bottom:calc(var(--spacing-unit) * 2)}.philosophy-content p:last-child{font-weight:600;color:var(--primary-color);font-size:1.1em;margin-top:calc(var(--spacing-unit) * 3)}.coming-soon-section{background-color:var(--surface-color)}.coming-soon-content{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 4);background-color:var(--background-color);padding:calc(var(--spacing-unit) * 4);border-radius:var(--border-radius-lg);border:1px solid var(--border-color)}.coming-soon-icon{font-size:4em;color:var(--secondary-color)}.coming-soon-text h3{font-size:1.5em;color:var(--primary-color-dark)}.coming-soon-text p{color:var(--text-light-color);max-width:600px}.faq-list{max-width:800px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border-color)}.faq-question{width:100%;text-align:left;background:none;border:none;padding:calc(var(--spacing-unit) * 2) 0;font-size:1.1em;font-weight:500;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--text-color)}.faq-question .fa-chevron-down{transition:transform var(--transition-fast);color:var(--text-light-color)}.faq-question .fa-chevron-down.open{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out,padding .3s ease-in-out;color:var(--text-light-color)}.faq-answer.open{max-height:200px;padding-bottom:calc(var(--spacing-unit) * 2)}.contact-section{background-color:var(--background-color)}.contact-form{max-width:800px;margin:0 auto;background-color:var(--surface-color);padding:calc(var(--spacing-unit) * 4);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--box-shadow)}.contact-form .form-grid{grid-template-columns:1fr 1fr;gap:calc(var(--spacing-unit) * 2.5)}.contact-form .form-group{margin-bottom:0}.contact-form .form-group textarea{grid-column:1 / -1}.contact-form .form-actions{justify-content:center;margin-top:calc(var(--spacing-unit) * 3)}.final-cta-section{background-color:var(--primary-color);color:#fff;padding:calc(var(--spacing-unit) * 8) 0;text-align:center}.final-cta-section h2{font-size:2.5em;color:#fff}.final-cta-section p{font-size:var(--font-size-lg);opacity:.9;margin-bottom:calc(var(--spacing-unit) * 3)}.final-cta-section .button-primary{background-color:var(--accent-color);color:var(--text-on-accent);border-color:var(--accent-color)}.final-cta-section .button-primary:hover{background-color:var(--accent-color-dark);border-color:var(--accent-color-dark)}.independence-notice{margin-top:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 2);background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);text-align:center}.independence-notice p{font-size:var(--font-size-sm);color:var(--text-light-color);line-height:1.5;max-width:600px;margin:0 auto}.footer-independence{margin:calc(var(--spacing-unit) * 1) 0}.footer-independence p{font-size:var(--font-size-xs);color:#fff9;margin:0;text-align:center}.landing-footer{background-color:var(--primary-color-dark);color:#ffffffb3;padding:calc(var(--spacing-unit) * 4) 0}.footer-content{display:flex;justify-content:space-between;align-items:center;padding-bottom:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * 2);border-bottom:1px solid rgba(255,255,255,.2)}.footer-logo{font-size:1.4em;font-weight:700;color:#fff}.footer-links{display:flex;gap:calc(var(--spacing-unit) * 2)}.footer-links a{color:#ffffffb3;text-decoration:none}.footer-links a:hover{color:#fff;text-decoration:none}.footer-bottom{text-align:center;font-size:var(--font-size-sm)}@media (max-width: 992px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-text{order:2}.hero-image-container{order:1;margin-bottom:calc(var(--spacing-unit) * 4);min-height:300px}.hero-image-desktop{width:90%}.hero-image-mobile{width:30%;bottom:-15px;left:5%}.features-grid,.problem-grid{grid-template-columns:1fr 1fr}.steps-grid{flex-direction:column;align-items:center}.step-arrow{transform:rotate(90deg);margin:calc(var(--spacing-unit) * 2) 0}}@media (max-width: 768px){.burger-menu{display:flex}.landing-nav{position:fixed;top:0;left:0;width:100vw;height:100vh;visibility:hidden;opacity:0;transition:all .3s ease-in-out;z-index:1001;pointer-events:none}.landing-nav.open{visibility:visible;opacity:1;pointer-events:all}.nav-overlay{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);cursor:pointer}.nav-content{position:absolute;top:0;right:0;width:280px;height:100vh;background-color:var(--surface-color);padding:calc(var(--spacing-unit) * 8) calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 3);display:flex;flex-direction:column;align-items:stretch;gap:calc(var(--spacing-unit) * 2);box-shadow:-10px 0 30px #0003;transform:translate(100%);transition:transform .3s ease-in-out;overflow-y:auto}.landing-nav.open .nav-content{transform:translate(0)}.nav-content .nav-link{font-size:1.1em;padding:calc(var(--spacing-unit) * 1.5) 0;border-bottom:1px solid var(--border-color);color:var(--text-color);font-weight:500;transition:color .2s ease}.nav-content .nav-link:hover{color:var(--primary-color)}.nav-content .nav-link:last-of-type{border-bottom:none;margin-bottom:calc(var(--spacing-unit) * 2)}.nav-content .button{width:100%;text-align:center;justify-content:center;margin-top:calc(var(--spacing-unit) * 1)}.hero-text h1{font-size:2.2em}.hero-image-container{min-height:auto}.hero-image-desktop{display:none}.hero-image-mobile{position:relative;width:60%;max-width:250px;border-width:5px;transform:none!important;bottom:auto;left:auto}.features-grid,.problem-grid,.contact-form .form-grid{grid-template-columns:1fr}.coming-soon-content{flex-direction:column;text-align:center;gap:calc(var(--spacing-unit) * 2)}.footer-content{flex-direction:column;gap:calc(var(--spacing-unit) * 2);text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.landing-container{padding:0 calc(var(--spacing-unit) * 1.5)}.hero-text h1{font-size:1.8em}.section-header h2{font-size:2em}.nav-content{width:100%;padding:calc(var(--spacing-unit) * 6) calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 2)}}.contact-page .page-header{margin-bottom:calc(var(--spacing-unit) * 2)}.contact-card{background-color:var(--surface-color);border-radius:var(--border-radius-lg);padding:calc(var(--spacing-unit) * 3);box-shadow:var(--box-shadow);border:1px solid var(--border-color);max-width:800px;margin:0 auto}.contact-header{display:flex;gap:calc(var(--spacing-unit) * 2);align-items:flex-start;margin-bottom:calc(var(--spacing-unit) * 3)}.contact-header .icon-header{font-size:2.5em;color:var(--secondary-color);margin-top:calc(var(--spacing-unit) * .5)}.contact-header h2{font-size:1.5em;color:var(--primary-color);margin-bottom:calc(var(--spacing-unit) * .5)}.contact-header p{color:var(--text-light-color);font-size:var(--font-size-base);line-height:1.6;margin:0}.contact-form-app{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2)}.contact-form-app .form-actions{justify-content:flex-end;margin-top:var(--spacing-unit)}.contact-success-page{display:flex;align-items:center;justify-content:center;flex-grow:1;padding-bottom:calc(var(--header-height) * 1.5)}.success-card{background-color:var(--surface-color);border-radius:var(--border-radius-lg);padding:calc(var(--spacing-unit) * 4);box-shadow:var(--box-shadow-lg);border:1px solid var(--border-color);text-align:center;max-width:600px;margin:0 auto;border-top:5px solid var(--success-color)}.success-icon{font-size:4em;color:var(--success-color);margin-bottom:calc(var(--spacing-unit) * 2)}.success-card h1{font-size:2em;color:var(--primary-color-dark);margin-bottom:var(--spacing-unit)}.success-card p{color:var(--text-light-color);font-size:1.1em;line-height:1.7;margin-bottom:calc(var(--spacing-unit) * 1.5)}.success-actions{margin-top:calc(var(--spacing-unit) * 3)}@media (min-width: 768px){.clients-grid,.products-grid,.sales-grid,.form-grid{grid-template-columns:repeat(2,1fr)}.product-detail-main-layout{flex-direction:row;align-items:flex-start;gap:calc(var(--spacing-unit) * 3)}.product-detail-image-column{margin-bottom:0;width:250px;flex-shrink:0}.product-hero-image{width:100%;height:auto;max-height:250px;aspect-ratio:1 / 1}.product-detail-info-column{align-items:flex-start;text-align:left}.product-detail-info-column h1{text-align:left;font-size:2.2em}.product-info-key-details{grid-template-columns:repeat(2,1fr)}.product-detail-info-column .product-primary-actions{justify-content:flex-start}.detail-grid{grid-template-columns:repeat(2,1fr)}.sale-form-page .sale-form-actions{flex-direction:row;justify-content:space-between}.sale-form-page .sale-form-actions>.button,.sale-form-page .sale-form-actions>div>.button{width:auto}.sale-form-page .sale-form-actions>div{width:auto;flex-direction:row}}.notes-grid{display:grid;grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 2.5);margin-top:calc(var(--spacing-unit) * 2)}.note-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-sm);transition:var(--transition-base);position:relative;overflow:hidden;cursor:pointer}.note-card:hover{box-shadow:var(--box-shadow);transform:translateY(-2px)}.note-importance-high:hover{border-color:var(--error-color)}.note-importance-medium:hover{border-color:var(--warning-color)}.note-importance-low:hover{border-color:var(--secondary-color)}.note-card-inner{padding:calc(var(--spacing-unit) * 2.5);height:100%;display:flex;flex-direction:column}.note-card-compact .note-card-inner{padding:calc(var(--spacing-unit) * 2)}.note-importance-high{border-left:4px solid var(--error-color);background:linear-gradient(135deg,var(--surface-color) 0%,var(--error-color-light) 100%)}.note-importance-high .note-importance-badge{background-color:var(--error-color-light);border:1px solid var(--error-color);color:var(--error-color-dark)}.note-importance-medium{border-left:4px solid var(--warning-color);background:linear-gradient(135deg,var(--surface-color) 0%,var(--warning-color-light) 100%)}.note-importance-medium .note-importance-badge{background-color:var(--warning-color-light);border:1px solid var(--warning-color);color:var(--warning-color-dark)}.note-importance-low{border-left:4px solid var(--secondary-color);background:linear-gradient(135deg,var(--surface-color) 0%,#f0fcfc 100%)}.note-importance-low .note-importance-badge{background-color:#e6fafa;border:1px solid var(--secondary-color);color:var(--primary-color)}.note-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(var(--spacing-unit) * 2)}.note-importance-badge{display:inline-flex;align-items:center;gap:calc(var(--spacing-unit) * .75);padding:calc(var(--spacing-unit) * .75) calc(var(--spacing-unit) * 1.25);border-radius:calc(var(--border-radius) * 2);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.note-importance-badge i{font-size:.9rem}.importance-text{font-size:.75rem;font-weight:700}.note-title{margin:0 0 calc(var(--spacing-unit) * 1.5) 0;font-size:1.3rem;font-weight:700;line-height:1.3;color:var(--primary-color)}.note-title-link{color:var(--primary-color);text-decoration:none;transition:var(--transition-fast);display:block}.note-title-link:hover{color:var(--secondary-color);text-decoration:none}.note-card-content{flex-grow:1;margin-bottom:calc(var(--spacing-unit) * 2);position:relative}.note-body-preview{margin:0;color:var(--text-light-color);line-height:1.6;font-size:1rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:calc(var(--spacing-unit) * 1.5)}.note-view-details{display:flex;align-items:center;gap:calc(var(--spacing-unit) * .5);font-size:.8rem;color:var(--secondary-color);font-weight:500;opacity:.7;transition:var(--transition-fast);justify-content:flex-end;margin-top:auto}.note-view-details i{font-size:.7rem;transition:var(--transition-fast)}.note-card:hover .note-view-details{opacity:1;color:var(--primary-color)}.note-card:hover .note-view-details i{transform:translate(2px)}.note-card-footer{display:flex;justify-content:space-between;align-items:center;gap:calc(var(--spacing-unit) * 1);margin-top:auto;padding-top:calc(var(--spacing-unit) * 1.5);border-top:1px solid var(--border-color)}.note-meta{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1);flex-grow:1}.note-date{display:flex;align-items:center;gap:calc(var(--spacing-unit) * .75);font-size:.85rem;color:var(--text-light-color);font-weight:500}.note-date i{color:var(--secondary-color);font-size:.8rem}.search-container{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1.5);margin-bottom:calc(var(--spacing-unit) * 2.5)}.search-bar-container{position:relative}.search-input{width:100%;padding:calc(var(--spacing-unit) * 1.5);font-size:var(--font-size-lg);border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--surface-color);color:var(--text-color);transition:var(--transition-fast)}.search-input::placeholder{color:var(--text-light-color)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #005f7333}.filter-container{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1)}.filter-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-light-color);white-space:nowrap}.filter-select{padding:calc(var(--spacing-unit) * .75) calc(var(--spacing-unit) * 1);border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--surface-color);color:var(--text-color);font-size:var(--font-size-sm);transition:var(--transition-fast);min-width:120px}.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #005f7333}.note-form-page{max-width:900px;margin:0 auto}.form-container{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:calc(var(--spacing-unit) * 4);box-shadow:var(--box-shadow);margin-top:calc(var(--spacing-unit) * 3);position:relative;overflow:hidden}.form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 50%,var(--accent-color) 100%)}.note-form{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 3)}.form-group{position:relative}.form-label{display:block;margin-bottom:calc(var(--spacing-unit) * 1);font-weight:600;color:var(--primary-color);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.form-input,.form-textarea,.form-select{width:100%;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);background-color:var(--background-color);color:var(--text-color);font-size:var(--font-size-base);transition:var(--transition-fast);font-family:var(--font-family-sans-serif)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #005f7326;background-color:var(--surface-color)}.form-input-error,.form-textarea-error{border-color:var(--error-color);background-color:var(--error-color-light)}.form-input-error:focus,.form-textarea-error:focus{box-shadow:0 0 0 4px #dc354526}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.form-select{cursor:pointer}.form-helper-row{display:flex;justify-content:space-between;align-items:center;margin-top:calc(var(--spacing-unit) * 1);min-height:1.5rem}.form-error{color:var(--error-color-dark);font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:calc(var(--spacing-unit) * .5)}.form-error:before{content:"\\f071";font-family:"Font Awesome 5 Free";font-weight:900;font-size:.8rem}.character-count{font-size:.8rem;color:var(--text-light-color);font-weight:500}.character-count-warning{color:var(--warning-color-dark);font-weight:600}.form-actions{display:flex;gap:calc(var(--spacing-unit) * 2);justify-content:flex-end;margin-top:calc(var(--spacing-unit) * 2);padding-top:calc(var(--spacing-unit) * 2);border-top:1px solid var(--border-color)}.note-detail-page{max-width:900px;margin:0 auto}.back-link{display:inline-flex;align-items:center;gap:calc(var(--spacing-unit) * .75);color:var(--primary-color);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:var(--transition-fast)}.back-link:hover{color:var(--primary-color-dark)}.page-actions{display:flex;gap:calc(var(--spacing-unit) * 1)}.note-detail-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-sm);margin-top:calc(var(--spacing-unit) * 2);position:relative;overflow:hidden}.note-detail-card .note-card-inner{padding:calc(var(--spacing-unit) * 3.5);height:100%;display:flex;flex-direction:column}.note-detail-title{margin:0 0 calc(var(--spacing-unit) * 2) 0;font-size:1.5rem;font-weight:700;line-height:1.3;color:var(--primary-color)}.note-body-full{font-size:1.05rem;line-height:1.6;color:var(--text-color);margin-bottom:calc(var(--spacing-unit) * 2)}.note-body-full p{margin:0 0 calc(var(--spacing-unit) * 1.5) 0}.note-body-full p:last-child{margin-bottom:0}.note-detail-card .note-card-footer{margin-top:auto}.note-detail-card .note-meta{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1)}@media (min-width: 576px){.note-detail-card .note-meta{flex-direction:row;gap:calc(var(--spacing-unit) * 3)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:calc(var(--spacing-unit) * 2)}.modal-content{background-color:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacing-unit) * 2.5);border-bottom:1px solid var(--border-color)}.modal-title{margin:0;font-size:1.2rem;font-weight:600;color:var(--error-color-dark);display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1)}.modal-close-button{background:none;border:none;color:var(--text-light-color);cursor:pointer;padding:calc(var(--spacing-unit) * .5);border-radius:var(--border-radius);transition:var(--transition-fast)}.modal-close-button:hover:not(:disabled){background-color:var(--background-color);color:var(--text-color)}.modal-body{padding:calc(var(--spacing-unit) * 2.5)}.modal-body p{margin:0 0 calc(var(--spacing-unit) * 1.5) 0;line-height:1.5}.modal-body p:last-child{margin-bottom:0}.modal-warning-text{color:var(--warning-color-dark);font-weight:500;font-size:.9rem}.modal-footer{display:flex;gap:calc(var(--spacing-unit) * 1.5);justify-content:flex-end;padding:calc(var(--spacing-unit) * 2.5);border-top:1px solid var(--border-color)}.empty-state{text-align:center;padding:calc(var(--spacing-unit) * 8) calc(var(--spacing-unit) * 4);background:linear-gradient(135deg,var(--surface-color) 0%,var(--background-color) 100%);border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);margin-top:calc(var(--spacing-unit) * 3);position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,95,115,.03) 0%,transparent 70%);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}.empty-state-icon{font-size:4rem;color:var(--secondary-color);margin-bottom:calc(var(--spacing-unit) * 2.5);opacity:.7;position:relative;z-index:1}.empty-state-text{font-size:1.2rem;color:var(--text-light-color);margin-bottom:calc(var(--spacing-unit) * 4);line-height:1.6;max-width:400px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.page-subtitle{font-size:.9rem;color:var(--text-light-color);font-weight:400;margin-top:calc(var(--spacing-unit) * .5)}@media (max-width: 575px){.note-card-inner{padding:calc(var(--spacing-unit) * 2)}.note-importance-badge{padding:calc(var(--spacing-unit) * .5) calc(var(--spacing-unit) * 1);font-size:.7rem}.note-title{font-size:1.1rem}.note-body-preview{font-size:.9rem;-webkit-line-clamp:2}.search-input{font-size:16px}.filter-container{flex-direction:column;align-items:stretch;gap:calc(var(--spacing-unit) * 1)}.filter-select{min-width:unset}.form-container{padding:calc(var(--spacing-unit) * 2.5);margin-top:calc(var(--spacing-unit) * 2)}.form-actions{flex-direction:column-reverse;gap:calc(var(--spacing-unit) * 1.5)}.form-actions .button{width:100%;justify-content:center}.empty-state{padding:calc(var(--spacing-unit) * 6) calc(var(--spacing-unit) * 2.5)}.empty-state-icon{font-size:3rem}.empty-state-text{font-size:1rem;margin-bottom:calc(var(--spacing-unit) * 3)}}@media (min-width: 576px){.search-container{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:calc(var(--spacing-unit) * 2)}.search-bar-container{flex-grow:1}.filter-container{flex-shrink:0;flex-direction:row;align-items:stretch}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:calc(var(--spacing-unit) * 3)}.form-actions{justify-content:flex-start}.note-metadata{flex-direction:row;gap:calc(var(--spacing-unit) * 3)}}@media (min-width: 768px){.notes-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:calc(var(--spacing-unit) * 3.5)}.note-card-inner{padding:calc(var(--spacing-unit) * 3)}.note-detail-title{font-size:1.6rem}.page-actions{flex-shrink:0}}@media (min-width: 1024px){.notes-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:calc(var(--spacing-unit) * 4)}.note-card-inner{padding:calc(var(--spacing-unit) * 3.5)}.form-container,.note-detail-card{padding:calc(var(--spacing-unit) * 4)}}@media (min-width: 1200px){.notes-grid{grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}}@media (prefers-color-scheme: dark){.note-high-importance .note-importance-indicator i{color:#ff6b6b}.note-medium-importance .note-importance-indicator i{color:#ffd93d}.note-low-importance .note-importance-indicator i{color:#6bcf7f}}:root{--primary-color: #005f73;--primary-color-dark: #004c5d;--secondary-color: #0a9396;--accent-color: #ee9b00;--accent-color-dark: #d48800;--accent-color-light: #fff8eb;--background-color: #f8f9fa;--surface-color: #ffffff;--text-color: #212529;--text-light-color: #495057;--text-on-primary: #ffffff;--text-on-accent: #000000;--border-color: #dee2e6;--success-color: #28a745;--success-color-light: #d4edda;--success-color-dark: #1e7e34;--info-color: #17a2b8;--info-color-light: #d1ecf1;--info-color-dark: #0c5460;--error-color: #dc3545;--error-color-light: #f8d7da;--error-color-dark: #721c24;--warning-color: #ffc107;--warning-color-light: #fff3cd;--warning-color-dark: #856404;--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-size-base: 1rem;--font-size-sm: .875rem;--font-size-lg: 1.125rem;--line-height-base: 1.6;--spacing-unit: 8px;--border-radius: 6px;--border-radius-lg: 10px;--header-height: 60px;--sidebar-width: 240px;--sidebar-width-collapsed: 70px;--box-shadow-sm: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .03);--box-shadow: 0 4px 6px rgba(0, 0, 0, .07), 0 1px 3px rgba(0, 0, 0, .05);--box-shadow-lg: 0 10px 15px rgba(0, 0, 0, .07), 0 4px 6px rgba(0, 0, 0, .05);--transition-fast: all .15s ease-in-out;--transition-base: all .25s ease-in-out}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-family-sans-serif);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--text-color);background-color:var(--background-color);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}.app-shell{display:flex;min-height:100vh}.app-shell.mobile{flex-direction:column}.app-shell.desktop{flex-direction:row}.page-wrapper{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.main-content-area{flex-grow:1;overflow-y:auto;padding:calc(var(--spacing-unit) * 2);width:100%}.app-shell.mobile .main-content-area{padding-top:calc(var(--header-height) + var(--spacing-unit) * 2);padding-bottom:calc(var(--spacing-unit) * 2)}.app-shell.desktop .main-content-area{padding-top:calc(var(--header-height) + var(--spacing-unit) * 2)}.main-content{width:100%;max-width:1200px;margin:0 auto}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:calc(var(--spacing-unit) * 1.5);font-weight:600;color:var(--primary-color)}h1{font-size:2em}h2{font-size:1.625em}h3{font-size:1.375em}p{margin-top:0;margin-bottom:var(--spacing-unit)}a{color:var(--secondary-color);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--primary-color);text-decoration:underline}.app-header{height:var(--header-height);background-color:var(--surface-color);box-shadow:var(--box-shadow-sm);display:flex;align-items:center;padding:0 calc(var(--spacing-unit) * 2);z-index:1000}.app-shell.mobile .app-header{position:fixed;top:0;left:0;right:0;justify-content:space-between}.header-title{font-size:var(--font-size-lg);font-weight:600;color:var(--primary-color);margin:0;flex-grow:1;text-align:center}.hamburger-menu{background:none;border:none;color:var(--primary-color);font-size:1.6em;cursor:pointer;padding:calc(var(--spacing-unit) * 1);margin-left:calc(var(--spacing-unit) * -1);z-index:1060;line-height:1}.sidebar{width:var(--sidebar-width);background-color:var(--surface-color);box-shadow:var(--box-shadow-sm);padding:calc(var(--spacing-unit) * 2) 0;display:flex;flex-direction:column;transition:width var(--transition-base);z-index:1010;overflow-y:auto}.sidebar-logo{font-size:1.8em;font-weight:700;color:var(--primary-color);text-decoration:none;padding:var(--spacing-unit) calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * 2);text-align:center}.sidebar-logo:hover{color:var(--accent-color)}.sidebar-nav-list{list-style:none;padding:0;margin:0;flex-grow:1}.sidebar-nav-item a{display:flex;align-items:center;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);color:var(--text-light-color);text-decoration:none;border-left:4px solid transparent;transition:var(--transition-base);position:relative}.sidebar-nav-item a:hover{background-color:var(--background-color);color:var(--primary-color)}.sidebar-nav-item a.active{background-color:var(--primary-color-dark);color:var(--text-on-primary);border-left-color:var(--accent-color);font-weight:500}.sidebar-nav-item a.active .nav-icon{color:var(--accent-color)}.sidebar .nav-icon{margin-right:calc(var(--spacing-unit) * 1.5);font-size:1.2em;width:24px;text-align:center;transition:var(--transition-fast)}.sidebar .nav-label{transition:opacity var(--transition-base)}.bottom-nav-bar{position:fixed;bottom:0;left:0;right:0;height:60px;background-color:var(--surface-color);box-shadow:0 -2px 5px #0000000d;display:flex;justify-content:space-around;align-items:stretch;z-index:1000;border-top:1px solid var(--border-color)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--spacing-unit) * .5) 0;color:var(--text-light-color);text-decoration:none;font-size:var(--font-size-sm);transition:var(--transition-base);border-top:3px solid transparent;position:relative}.bottom-nav-item:hover{color:var(--primary-color)}.bottom-nav-item.active{color:var(--primary-color);border-top-color:var(--primary-color)}.bottom-nav-item.active .nav-icon{color:var(--primary-color)}.bottom-nav-bar .nav-icon{font-size:1.4em;margin-bottom:calc(var(--spacing-unit) * .25);transition:var(--transition-fast)}.bottom-nav-bar .nav-label{font-size:.75rem;line-height:1.2}.mobile-drawer-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1050;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out,visibility 0s linear .3s}.mobile-drawer-container.open{visibility:visible;opacity:1;transition-delay:0s}.mobile-drawer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;cursor:pointer}.mobile-drawer{position:absolute;top:0;left:0;height:100vh;width:min(80vw,300px);background-color:var(--surface-color);box-shadow:var(--box-shadow-lg);transform:translate(-100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column;overflow-y:auto}.mobile-drawer-container.open .mobile-drawer{transform:translate(0)}.mobile-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);border-bottom:1px solid var(--border-color);background-color:var(--primary-color)}.mobile-drawer-logo{font-size:1.3em;font-weight:600;color:var(--text-on-primary);text-decoration:none}.mobile-drawer-close-button{background:none;border:none;color:var(--text-on-primary);font-size:1.5em;cursor:pointer;padding:calc(var(--spacing-unit) * .5);line-height:1}.mobile-drawer-nav-list{list-style:none;padding:0;margin:0;flex-grow:1}.mobile-drawer-nav-item a{display:flex;align-items:center;padding:calc(var(--spacing-unit) * 1.75) calc(var(--spacing-unit) * 2);color:var(--text-light-color);text-decoration:none;border-bottom:1px solid var(--border-color);transition:var(--transition-base)}.mobile-drawer-nav-item a:hover{background-color:var(--background-color);color:var(--primary-color)}.mobile-drawer-nav-item a.active{background-color:var(--primary-color-dark);color:var(--text-on-primary);font-weight:500}.mobile-drawer-nav-item a.active .nav-icon{color:var(--accent-color)}.mobile-drawer .nav-icon{margin-right:calc(var(--spacing-unit) * 1.5);font-size:1.2em;width:24px;text-align:center}.notification-badge{position:absolute;top:calc(var(--spacing-unit) * .5);right:calc(var(--spacing-unit) * .5);background-color:var(--error-color);color:#fff;border-radius:50%;width:18px;height:18px;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:var(--box-shadow-sm)}.sidebar-nav-item a .notification-badge{top:calc(var(--spacing-unit) * 1.25);right:calc(var(--spacing-unit) * 1.25)}.bottom-nav-item .notification-badge{top:calc(var(--spacing-unit) * .25);right:calc(var(--spacing-unit) * 2)}.mobile-drawer-nav-item a .notification-badge{top:calc(var(--spacing-unit) * 1.25);right:calc(var(--spacing-unit) * 1.25)}.navbar{display:none}.page-container{padding:calc(var(--spacing-unit) * 1) 0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--spacing-unit) * 2.5);flex-wrap:wrap;gap:calc(var(--spacing-unit) * 1.5)}.page-header h1{margin-bottom:0;flex-grow:1}.page-header .button{flex-shrink:0}.form-layout{background-color:var(--surface-color);padding:calc(var(--spacing-unit) * 2.5);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);margin-top:calc(var(--spacing-unit) * 2)}.form-grid{display:grid;grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * 2.5)}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:calc(var(--spacing-unit) * .5);font-weight:500;color:var(--text-light-color);font-size:var(--font-size-sm)}.required-indicator{color:var(--error-color);margin-left:calc(var(--spacing-unit) * .25);font-weight:700}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=date],.form-group input[type=search],.form-group input[type=number],.form-group input[type=radio],.form-group input[type=checkbox],.form-group textarea,.form-group select{width:100%;padding:calc(var(--spacing-unit) * 1.25) var(--spacing-unit);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-base);transition:var(--transition-fast);background-color:var(--surface-color);color:var(--text-color)}.form-group input::placeholder,.form-group textarea::placeholder{color:#a9a9a9;opacity:1}.form-group input[type=radio],.form-group input[type=checkbox]{width:auto;margin-right:var(--spacing-unit);accent-color:var(--primary-color)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #005f7333}.form-group input.invalid,.form-group textarea.invalid,.form-group select.invalid{border-color:var(--error-color);background-color:var(--error-color-light)}.form-group input.invalid:focus,.form-group textarea.invalid:focus,.form-group select.invalid:focus{box-shadow:0 0 0 3px #dc354540}.form-group input[readonly],.form-group input[disabled],.form-group textarea[readonly],.form-group textarea[disabled],.form-group select[disabled]{background-color:var(--background-color);color:var(--text-light-color);cursor:not-allowed;border-color:var(--border-color)}.form-group input[readonly]:focus,.form-group input[disabled]:focus{box-shadow:none;border-color:var(--border-color)}.form-error-message{color:var(--error-color-dark);font-size:var(--font-size-sm);margin-top:calc(var(--spacing-unit) * .5)}.form-actions{display:flex;gap:calc(var(--spacing-unit) * 1.5);justify-content:flex-end;margin-top:calc(var(--spacing-unit) * 2.5);flex-wrap:wrap}.live-margin-display{padding:calc(var(--spacing-unit) * 1.25) var(--spacing-unit);background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);font-weight:500;color:var(--primary-color)}.image-url-current-display{font-size:var(--font-size-sm);color:var(--text-light-color);margin-bottom:calc(var(--spacing-unit) * .5);word-break:break-all}.image-url-current-display a{color:var(--secondary-color)}.delete-image-control{display:flex;align-items:center;gap:calc(var(--spacing-unit) * .75);margin-top:var(--spacing-unit)}.delete-image-control label{font-size:var(--font-size-sm);color:var(--text-color);font-weight:400;margin-bottom:0}.delete-image-control input[type=checkbox]{width:auto}.form-field-note{font-size:var(--font-size-sm);color:var(--text-light-color);margin-top:calc(var(--spacing-unit) * .5)}.stock-adjustment-section,.image-management-section{margin-top:calc(var(--spacing-unit) * 2.5);padding-top:calc(var(--spacing-unit) * 2);border-top:1px solid var(--border-color)}.stock-adjustment-header-toggle{background:none;border:none;padding:0 0 calc(var(--spacing-unit) * 1.5) 0;font-size:1.15em;font-weight:600;color:var(--primary-color);cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left}.stock-adjustment-header-toggle i{margin-left:var(--spacing-unit);transition:transform var(--transition-fast)}.stock-adjustment-content,.image-management-details{padding:calc(var(--spacing-unit) * 1.5) var(--spacing-unit);border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-color);margin-top:calc(var(--spacing-unit) * .5)}.image-management-details .form-group{margin-bottom:var(--spacing-unit)}.stock-quick-adjust-buttons{display:flex;gap:var(--spacing-unit);margin-bottom:calc(var(--spacing-unit) * 1.5)}.stock-quick-adjust-buttons .button{flex-grow:1}.stock-change-preview{font-weight:500;margin-bottom:calc(var(--spacing-unit) * 1.5)}.text-danger{color:var(--error-color-dark)}.text-success-inline{color:var(--success-color-dark)}.text-info-inline{color:var(--info-color-dark)}.notification.small{padding:calc(var(--spacing-unit) * .75) var(--spacing-unit);font-size:var(--font-size-sm);margin-top:var(--spacing-unit)}.product-form-image-preview{width:150px;height:150px;border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;margin-bottom:calc(var(--spacing-unit) * 1.5);overflow:hidden;background-color:var( --surface-color );margin-left:auto;margin-right:auto}.product-form-image-preview img{max-width:100%;max-height:100%;object-fit:contain}.image-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-light-color);height:100%}.image-preview-placeholder i{font-size:3em;margin-bottom:var(--spacing-unit)}.button{padding:calc(var(--spacing-unit) * 1.15) calc(var(--spacing-unit) * 2);border:1px solid transparent;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * .75);text-decoration:none;line-height:1.3;text-align:center}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--box-shadow-sm)}.button:active:not(:disabled){transform:translateY(0);box-shadow:none}.button:disabled{opacity:.65;cursor:not-allowed;transform:translateY(0)}.button .icon{line-height:1}.button-primary{background-color:var(--primary-color);color:var(--text-on-primary);border-color:var(--primary-color)}.button-primary:hover:not(:disabled){background-color:var(--primary-color-dark);border-color:var(--primary-color-dark)}.button-secondary{background-color:var(--surface-color);color:var(--primary-color);border-color:var(--border-color)}.button-secondary:hover:not(:disabled){background-color:var(--background-color);border-color:var(--text-light-color);color:var(--primary-color-dark)}.button-danger{background-color:var(--error-color);color:var(--text-on-primary);border-color:var(--error-color)}.button-danger:hover:not(:disabled){background-color:#c82333;border-color:#c82333}.button-icon{padding:calc(var(--spacing-unit) * .85)}.button-icon .icon{margin-right:0}.button-icon i{font-size:1.1em}.button-sm{padding:calc(var(--spacing-unit) * .75) calc(var(--spacing-unit) * 1.25);font-size:var(--font-size-sm)}.button-whatsapp{background-color:#25d366;color:#fff;border-color:#25d366}.button-whatsapp:hover{background-color:#1da851;border-color:#1da851}.button-sms{background-color:#007bff;color:#fff;border-color:#007bff}.button-sms:hover{background-color:#0056b3;border-color:#0056b3}.button-call{background-color:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.button-call:hover{background-color:var(--primary-color);border-color:var(--primary-color)}.search-bar-container{margin-bottom:calc(var(--spacing-unit) * 2.5);position:relative}.search-input{width:100%;padding:calc(var(--spacing-unit) * 1.5);font-size:var(--font-size-lg);border-radius:var(--border-radius);border:1px solid var(--border-color)}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #005f7333}.search-char-count{font-size:var(--font-size-sm);color:var(--text-light-color);margin-top:calc(var(--spacing-unit) * .5);text-align:right}.clients-grid{display:grid;grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 2)}.client-card{background-color:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-sm);padding:calc(var(--spacing-unit) * 2);display:flex;flex-direction:column;transition:var(--transition-base);border:1px solid var(--border-color)}.client-card:hover:not(.client-card-selectable-mode){box-shadow:var(--box-shadow);transform:translateY(-3px);border-color:var(--secondary-color)}.client-card-selectable-mode{cursor:pointer;border-color:var(--accent-color)}.client-card-selectable-mode:hover{background-color:var(--accent-color-dark);color:var(--text-on-accent);border-color:var(--accent-color-dark)}.client-card-selectable-mode:hover .client-card-header h3,.client-card-selectable-mode:hover .client-name-link,.client-card-selectable-mode:hover .client-card-body p,.client-card-selectable-mode:hover .client-card-body p .icon{color:var(--text-on-accent)}.client-card-selectable-mode .client-card-actions{display:none}.client-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--spacing-unit) * 1.5);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-unit)}.client-card-header h3{margin-bottom:0;font-size:1.25em;color:var(--primary-color)}.client-name-link{color:var(--primary-color);text-decoration:none}.client-name-link:hover:not(.client-card-selectable-mode *){text-decoration:underline;color:var(--accent-color)}.client-card-body p{font-size:var(--font-size-sm);color:var(--text-light-color);margin-bottom:calc(var(--spacing-unit) * .5);display:flex;align-items:center;word-break:break-word}.client-card-body p .icon{margin-right:var(--spacing-unit);color:var(--secondary-color);width:16px;text-align:center;flex-shrink:0}.client-card-actions{margin-top:auto;padding-top:calc(var(--spacing-unit) * 1.5);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-unit);flex-wrap:wrap;justify-content:flex-end}.client-detail-navigation,.product-detail-navigation,.sale-detail-navigation{margin-bottom:calc(var(--spacing-unit) * 2.5)}.client-detail-header{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * 3);padding-bottom:calc(var(--spacing-unit) * 2);border-bottom:1px solid var(--border-color)}.client-avatar{font-size:4em;color:var(--primary-color);background-color:var(--background-color);width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--box-shadow-sm);flex-shrink:0}.client-avatar i{line-height:1}.client-header-info h1{margin-bottom:calc(var(--spacing-unit) * .5);font-size:2em;color:var(--primary-color)}.client-header-info p{margin-bottom:calc(var(--spacing-unit) * .25);font-size:var(--font-size-base);color:var(--text-light-color)}.client-header-info .icon-faded{margin-right:var(--spacing-unit);color:var(--text-light-color);opacity:.7}.client-primary-actions,.product-primary-actions{display:flex;gap:calc(var(--spacing-unit) * 1.5);margin-bottom:calc(var(--spacing-unit) * 3);flex-wrap:wrap;align-items:center}.client-primary-actions .button,.product-primary-actions .button{flex-grow:0}.detail-grid{display:grid;grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 2.5);margin-top:calc(var(--spacing-unit) * 2)}.detail-section{background-color:var(--surface-color);padding:calc(var(--spacing-unit) * 2);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-sm);border:1px solid var(--border-color)}.detail-section h2{font-size:1.3em;color:var(--secondary-color);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-unit);margin-bottom:calc(var(--spacing-unit) * 1.5);display:flex;align-items:center}.detail-section h2 .icon-header{margin-right:var(--spacing-unit);font-size:.9em;color:var(--secondary-color)}.detail-section .sub-header{font-size:1.1em;color:var(--primary-color);margin-top:calc(var(--spacing-unit) * 2);margin-bottom:var(--spacing-unit);font-weight:500}.detail-section p{margin-bottom:calc(var(--spacing-unit) * 1);line-height:1.7;word-break:break-word}.detail-section p.notes-content{white-space:pre-wrap;word-break:break-word}.detail-section p strong{color:var(--text-color);font-weight:500}.text-success{color:var(--success-color-dark);font-weight:500}.text-success .icon{margin-right:calc(var(--spacing-unit) * .5);color:var(--success-color)}.simple-list{list-style:none;padding-left:0;margin-top:var(--spacing-unit)}.simple-list li{padding:calc(var(--spacing-unit) * .5) 0;border-bottom:1px dashed var(--border-color);font-size:var(--font-size-sm)}.simple-list li:last-child{border-bottom:none}.quick-actions-bar{background-color:var(--surface-color);padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-sm);margin-top:calc(var(--spacing-unit) * 2.5);display:flex;flex-wrap:wrap;gap:var(--spacing-unit);align-items:center;border:1px solid var(--border-color)}.quick-actions-bar h3{margin:0 var(--spacing-unit) 0 0;font-size:1.1em;color:var(--text-light-color);font-weight:500;display:flex;align-items:center}.quick-actions-bar h3 .icon{margin-right:var(--spacing-unit);color:var(--secondary-color)}.timestamps{margin-top:calc(var(--spacing-unit) * 2.5);font-size:var(--font-size-sm);color:var(--text-light-color);text-align:right}.timestamps p{margin-bottom:calc(var(--spacing-unit) * .25)}.notification{padding:calc(var(--spacing-unit) * 1.5);margin-bottom:calc(var(--spacing-unit) * 2);border-radius:var(--border-radius);text-align:center;font-weight:500;box-shadow:var(--box-shadow-sm);border:1px solid transparent}.notification.success{background-color:var(--success-color-light);color:var(--success-color-dark);border-color:var(--success-color)}.notification.error{background-color:var(--error-color-light);color:var(--error-color-dark);border-color:var(--error-color)}.notification.warning{background-color:var(--warning-color-light);color:var(--warning-color-dark);border-color:var(--warning-color)}.loading-text,.error-text,.empty-state-text{text-align:center;padding:calc(var(--spacing-unit) * 3) var(--spacing-unit);font-size:var(--font-size-lg);color:var(--text-light-color)}.loading-text{color:var(--primary-color)}.loading-text.small{font-size:var(--font-size-sm);padding:var(--spacing-unit)}.error-text{color:var(--error-color-dark);background-color:var(--error-color-light);border:1px solid var(--error-color);border-radius:var(--border-radius)}.error-text.small{font-size:var(--font-size-sm);padding:calc(var(--spacing-unit) * .75) var(--spacing-unit)}.empty-state-text{border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);background-color:var(--surface-color)}.app-footer{text-align:center;padding:calc(var(--spacing-unit) * 2);background-color:var(--surface-color);color:var(--text-light-color);font-size:var(--font-size-sm);box-shadow:0 -2px 5px #0000000d;border-top:1px solid var(--border-color)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.client-form-page .form-layout{max-width:800px;margin-left:auto;margin-right:auto}.products-grid{display:grid;grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 2)}.product-card{background-color:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-sm);display:flex;flex-direction:column;border:1px solid var(--border-color);transition:var(--transition-base);overflow:hidden;text-align:left}.product-card:hover:not(.product-card-selectable){box-shadow:var(--box-shadow);transform:translateY(-3px);border-color:var(--secondary-color)}.product-card-selectable{cursor:pointer;width:100%;padding:0;border:2px solid var(--accent-color);background-color:var(--surface-color);transition:var(--transition-base)}.product-card-selectable:hover{background-color:var(--accent-color-light);border-color:var(--accent-color-dark);transform:translateY(-2px);box-shadow:var(--box-shadow)}.product-card-selectable:hover .product-name{color:var(--accent-color-dark)}.product-card-selectable .product-card-link-wrapper.selection-mode-content{display:flex;flex-direction:row;align-items:flex-start;gap:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 2);width:100%;text-align:left;color:inherit;text-decoration:none;pointer-events:none}.product-card-selectable .product-card-actions{display:none}.product-card-link-wrapper{text-decoration:none;color:inherit;display:flex;flex-direction:row;align-items:flex-start;gap:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 2);flex-grow:1}.product-image-placeholder{width:100px;height:100px;background-color:var(--background-color);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);overflow:hidden;flex-shrink:0}.product-image-placeholder img{width:100%;height:100%;object-fit:cover}.default-product-icon{font-size:3.5em;color:var(--text-light-color);opacity:.5}.product-card-info{display:flex;flex-direction:column;flex-grow:1;text-align:left;gap:calc(var(--spacing-unit) * .5)}.product-name{font-size:1.15em;font-weight:600;color:var(--primary-color);margin:0;line-height:1.3}.product-reference{font-size:var(--font-size-sm);color:var(--text-light-color);margin:0}.product-brand-equivalent{font-size:var(--font-size-sm);color:var(--text-light-color);font-style:italic;margin:0}.stock-badge{display:inline-block;padding:calc(var(--spacing-unit) * .6) calc(var(--spacing-unit) * 1.2);border-radius:var(--border-radius);font-weight:500;font-size:var(--font-size-sm);margin-top:calc(var(--spacing-unit) * .5);align-self:flex-start;line-height:1.2}.stock-badge.large{padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 1.5);font-size:var(--font-size-base)}.stock-badge.ok{background-color:var(--success-color-light);color:var(--success-color-dark);border:1px solid var(--success-color)}.stock-badge.low{background-color:var(--warning-color-light);color:var(--warning-color-dark);border:1px solid var(--warning-color)}.stock-badge.out-of-stock{background-color:var(--error-color-light);color:var(--error-color-dark);border:1px solid var(--error-color)}.product-card-actions{padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-unit);background-color:var(--background-color)}.product-card-actions .button{flex-grow:1}.product-detail-main-layout{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:calc(var(--spacing-unit) * 3)}.product-detail-image-column{margin-bottom:calc(var(--spacing-unit) * 2.5)}.product-hero-image{width:100%;height:100%;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:var(--box-shadow);margin:0 auto}.product-hero-image img{width:100%;height:100%;object-fit:cover}.default-product-icon.hero{font-size:6em}.product-detail-info-column{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing-unit) * 2);width:100%;max-width:650px;text-align:left}.product-detail-info-column h1{font-size:1.8em;margin-bottom:0;text-align:center;color:var(--primary-color-dark)}.product-info-key-details{display:grid;grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2.5);width:100%;padding:calc(var(--spacing-unit) * 1.5) 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-top:calc(var(--spacing-unit) * 1)}.product-info-block-left,.product-info-block-right{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .75);text-align:left}.product-info-block-right{align-items:flex-start}.product-detail-reference,.product-detail-brand{font-size:var(--font-size-sm);color:var(--text-light-color);margin-bottom:0}.product-detail-header-pricing{font-size:var(--font-size-base);margin-top:calc(var(--spacing-unit) * .5);margin-bottom:0}.product-detail-header-pricing p{margin-bottom:calc(var(--spacing-unit) * .35);line-height:1.4}.product-detail-header-pricing p strong{font-weight:500;color:var(--text-color)}.product-detail-info-column .stock-badge.large{margin-bottom:0;align-self:flex-start}.product-detail-info-column .product-primary-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 1.5);margin-top:var(--spacing-unit);margin-bottom:0;justify-content:center}.product-detail-info-column .product-primary-actions .button{flex-grow:0;padding:calc(var(--spacing-unit) * 1.1) calc(var(--spacing-unit) * 1.8)}.detail-section.pricing-details{display:none!important}.catalog-badge{background-color:var(--accent-color);color:var(--text-on-accent);font-size:var(--font-size-sm);padding:calc(var(--spacing-unit) * .35) calc(var(--spacing-unit) * .85);border-radius:var(--border-radius);align-self:flex-start;margin-bottom:calc(var(--spacing-unit) * .5);font-weight:500}.catalog-product-card .product-card-info{position:relative}.catalog-price{font-size:var(--font-size-base);color:var(--primary-color);margin-top:calc(var(--spacing-unit) * .5)}.catalog-price strong{font-weight:600}.sales-grid{display:grid;grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 2)}.sale-card-link-wrapper{display:block;text-decoration:none;color:inherit;border-radius:var( --border-radius-lg );transition:var(--transition-base)}.sale-card-link-wrapper:hover,.sale-card-link-wrapper:focus-visible{outline:none}.sale-card-link-wrapper:hover .sale-card,.sale-card-link-wrapper:focus-visible .sale-card{box-shadow:var(--box-shadow);transform:translateY(-2px);border-color:var(--secondary-color)}.sale-card{background-color:var(--surface-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-sm);padding:calc(var(--spacing-unit) * 2);display:flex;flex-direction:column;transition:var( --transition-base );border:1px solid var(--border-color)}.sale-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--spacing-unit) * 1.5);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-unit)}.sale-card-header h3{margin-bottom:0;font-size:1.15em;color:var(--primary-color);font-weight:600}.sale-status-badge{display:inline-block;padding:calc(var(--spacing-unit) * .4) calc(var(--spacing-unit) * 1);border-radius:var(--border-radius);font-weight:500;font-size:var(--font-size-sm);line-height:1.2;text-align:center}.sale-status-badge.draft{background-color:#e9ecef;color:#495057;border:1px solid #ced4da}.sale-status-badge.confirmed{background-color:var(--success-color-light);color:var(--success-color-dark);border:1px solid var(--success-color)}.sale-status-badge.delivered{background-color:#cfe2ff;color:#004085;border:1px solid #b8daff}.sale-status-badge.cancelled{background-color:var(--error-color-light);color:var(--error-color-dark);border:1px solid var(--error-color)}.sale-card-line{font-size:var( --font-size-sm );color:var(--text-light-color);margin-bottom:calc(var(--spacing-unit) * .75);display:flex;align-items:center}.sale-card-line .icon{margin-right:calc(var(--spacing-unit) * .75);color:var(--secondary-color);width:14px;text-align:center;flex-shrink:0}.sale-card-line strong{color:var(--text-color);font-weight:500}.sale-card-line .client-name{color:var(--primary-color);font-weight:500}.sale-card-line .date{margin-left:auto;font-style:italic}.payment-status-text{font-size:var(--font-size-sm);margin-top:calc(var(--spacing-unit) * .5);font-weight:500;display:flex;align-items:center}.payment-status-text .icon{margin-right:calc(var(--spacing-unit) * .5)}.payment-status-text.pending,.payment-status-text.partial{color:var(--warning-color-dark)}.payment-status-text.completed{color:var(--success-color-dark)}.payment-status-text.failed,.payment-status-text.refunded{color:var(--error-color-dark)}.sale-detail-header-info{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-unit);margin-bottom:calc(var(--spacing-unit) * 2);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:var(--spacing-unit)}.sale-detail-header-info h1{margin-bottom:0;font-size:1.8em;color:var(--primary-color-dark)}.sale-detail-header-info .sale-status-badge{font-size:var(--font-size-base);padding:calc(var(--spacing-unit) * .6) calc(var(--spacing-unit) * 1.2)}.sale-detail-header-info .creation-date{font-size:var(--font-size-sm);color:var(--text-light-color)}.sale-actions-container{margin-bottom:calc(var(--spacing-unit) * 3);padding:calc(var(--spacing-unit) * 1.5);background-color:var(--background-color);border:1px dashed var(--border-color);border-radius:var(--border-radius)}.sale-actions-container h3{font-size:1.1em;color:var(--text-light-color);margin-top:0;margin-bottom:var(--spacing-unit);font-weight:500}.sale-actions-group{display:flex;flex-wrap:wrap;gap:var(--spacing-unit)}.sale-actions-group .button{flex-grow:1}.sale-items-table{width:100%;border-collapse:collapse;margin-bottom:calc(var(--spacing-unit) * 2)}.sale-items-table th,.sale-items-table td{border:1px solid var(--border-color);padding:calc(var(--spacing-unit) * 1);text-align:left;font-size:var(--font-size-sm)}.sale-items-table th{background-color:var(--background-color);color:var(--primary-color);font-weight:600}.sale-items-table td.numeric{text-align:right}.sale-items-table .product-name-ref{font-weight:500}.sale-items-table .product-ref{display:block;font-size:.85em;color:var(--text-light-color)}.sale-totals-summary{margin-top:calc(var(--spacing-unit) * 2);padding-top:calc(var(--spacing-unit) * 1.5);border-top:2px solid var(--primary-color);display:flex;flex-direction:column;align-items:flex-end}.sale-totals-summary p{font-size:var(--font-size-base);margin-bottom:calc(var(--spacing-unit) * .75);width:100%;max-width:350px;display:flex;justify-content:space-between}.sale-totals-summary p strong{font-weight:600}.sale-totals-summary .total-line{font-size:var(--font-size-lg);color:var(--primary-color);font-weight:700}.sale-totals-summary .total-line strong{color:var(--primary-color)}.sale-totals-summary .discount-value{color:var(--success-color-dark)}.sale-totals-summary .discount-value-zero{color:var(--text-light-color)}.sale-form-navigation{margin-bottom:calc(var(--spacing-unit) * 2);display:flex}.sale-breadcrumb{margin-bottom:calc(var(--spacing-unit) * 2);background-color:var(--surface-color);padding:calc(var(--spacing-unit) * 1.25) calc(var(--spacing-unit) * 2);border-radius:var(--border-radius);box-shadow:var(--box-shadow-sm);overflow-x:auto}.sale-breadcrumb-list{display:flex;list-style:none;margin:0;padding:0;white-space:nowrap}.sale-breadcrumb-item{display:flex;align-items:center;font-size:var(--font-size-sm)}.sale-breadcrumb-item:not(:last-child):after{content:">";margin:0 calc(var(--spacing-unit) * 1);color:var(--text-light-color)}.sale-breadcrumb-item .breadcrumb-link,.sale-breadcrumb-item .breadcrumb-text{padding:calc(var(--spacing-unit) * .5) calc(var(--spacing-unit) * .75);border-radius:var(--border-radius);text-decoration:none;color:var(--text-light-color);font-weight:500}.sale-breadcrumb-item .breadcrumb-link{transition:var(--transition-fast)}.sale-breadcrumb-item .breadcrumb-link:hover{background-color:var(--background-color);color:var(--primary-color)}.sale-breadcrumb-item.completed .breadcrumb-link{color:var(--secondary-color)}.sale-breadcrumb-item.completed .breadcrumb-link:hover{color:var(--primary-color)}.sale-breadcrumb-item.active .breadcrumb-text{color:var(--primary-color-dark);font-weight:600;background-color:var(--accent-color-light)}.sale-breadcrumb-item.disabled .breadcrumb-text,.sale-breadcrumb-item.disabled .breadcrumb-link{color:#adb5bd;pointer-events:none;cursor:default}.sale-breadcrumb-item.disabled .breadcrumb-link:hover{background-color:transparent}.sale-form-page .page-header{margin-bottom:calc(var(--spacing-unit))}.sale-form-page .page-header h1{font-size:1.6em}.sale-form-page .form-layout{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 2.5);margin-top:var(--spacing-unit)}.client-selection-section h2,.products-section h2,.discounts-section h2{font-size:1.25em;color:var(--primary-color);margin-bottom:calc(var(--spacing-unit) * 2);padding-bottom:var(--spacing-unit);border-bottom:1px solid var(--border-color);display:flex;align-items:center}.client-selection-section h2 .icon-header,.products-section h2 .icon-header,.discounts-section h2 .icon-header{margin-right:var(--spacing-unit);color:var(--secondary-color)}.client-selection-options{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1.5)}.client-selection-options .form-group{display:flex;flex-direction:row;align-items:center;padding:calc(var(--spacing-unit) * 1.5);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:var(--transition-fast);cursor:pointer}.client-selection-options .form-group:hover{background-color:var(--accent-color-light);border-color:var(--accent-color)}.client-selection-options .form-group input[type=radio]{margin-right:calc(var(--spacing-unit) * 1.5);transform:scale(1.3);accent-color:var(--primary-color)}.client-selection-options .form-group label{margin-bottom:0;font-weight:500;color:var(--text-color);cursor:pointer;flex-grow:1}.choose-client-button-container{margin-top:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * 2);padding-left:calc(var(--spacing-unit) * 4)}.selected-client-display{margin-top:calc(var(--spacing-unit) * 2.5);padding:calc(var(--spacing-unit) * 2);background-color:var(--success-color-light);border:1px solid var(--success-color);border-left-width:4px;border-radius:var(--border-radius);box-shadow:var(--box-shadow-sm)}.selected-client-display.anonymous{background-color:var(--info-color-light);border-color:var(--info-color)}.selected-client-display h3{font-size:1.15em;color:var(--success-color-dark);margin-top:0;margin-bottom:calc(var(--spacing-unit) * 1.5);display:flex;align-items:center}.selected-client-display.anonymous h3{color:var(--info-color-dark)}.selected-client-display h3 .fas{margin-right:var(--spacing-unit)}.selected-client-display p{margin-bottom:calc(var(--spacing-unit) * .75);font-size:var(--font-size-base);color:var(--text-light-color)}.selected-client-display p strong{color:var(--text-color)}.selected-client-display .button{margin-top:calc(var(--spacing-unit) * 1.5)}.sale-form-page .sale-form-actions{margin-top:calc(var(--spacing-unit) * 3);padding-top:calc(var(--spacing-unit) * 2.5);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.sale-items-list{display:grid;grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 2);margin-top:calc(var(--spacing-unit) * 2)}.sale-item-card{background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow-sm);padding:calc(var(--spacing-unit) * 1.5);display:grid;grid-template-areas:"image info actions delete" "image feedback feedback delete";grid-template-columns:auto 1fr auto auto;gap:calc(var(--spacing-unit) * 1.5);align-items:start;border:1px solid var(--border-color);position:relative}.sale-item-card.processing .loading-overlay-item{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffffd9;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:var(--border-radius)}.loading-overlay-item span{background-color:var(--primary-color);color:var(--text-on-primary);padding:var(--spacing-unit) calc(var(--spacing-unit) * 1.5);border-radius:var(--border-radius);font-weight:500}.sale-item-card .item-image{grid-area:image;width:80px;height:80px;background-color:var(--background-color);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border-color);flex-shrink:0}.sale-item-card .item-image img{width:100%;height:100%;object-fit:cover}.sale-item-card .item-info{grid-area:info;display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .25)}.sale-item-card .item-info p{margin-bottom:0;font-size:var(--font-size-sm)}.sale-item-card .item-name{font-size:var(--font-size-base);color:var(--primary-color);font-weight:600}.sale-item-card .item-ref,.sale-item-card .item-stock-info,.sale-item-card .item-price{color:var(--text-light-color)}.sale-item-card .item-price{font-weight:500}.sale-item-card .item-actions{grid-area:actions;display:flex;flex-direction:column;align-items:flex-end;gap:calc(var(--spacing-unit) * .75)}.quantity-controls{display:flex;align-items:center;gap:calc(var(--spacing-unit) * .5)}.quantity-controls .button{padding:calc(var(--spacing-unit) * .7) calc(var(--spacing-unit) * .9);min-width:32px}.quantity-controls .quantity-input{width:50px;text-align:center;font-size:var(--font-size-base);padding:calc(var(--spacing-unit) * .75) calc(var(--spacing-unit) * .5);border-radius:var(--border-radius);border:1px solid var(--border-color)}.quantity-controls .quantity-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #005f7333}.item-total{font-size:var(--font-size-base);font-weight:600;color:var(--text-color);margin:0;text-align:right}.stock-feedback{grid-area:feedback;font-size:var(--font-size-sm);color:var(--text-light-color);margin-top:calc(var(--spacing-unit) * .5);text-align:left;padding-left:calc(var(--spacing-unit) * .5)}.stock-feedback .ok{color:var(--success-color-dark);font-weight:500}.stock-feedback .info{color:var(--info-color-dark);font-weight:500}.delete-item-btn{grid-area:delete;align-self:flex-start}.item-error-msg{grid-column:image / span 4;text-align:center;margin-top:var(--spacing-unit);color:var(--error-color-dark);font-size:var(--font-size-sm);background-color:var(--error-color-light);padding:calc(var(--spacing-unit) * .5);border-radius:var(--border-radius)}.sale-item-card.loading-skeleton{display:grid;grid-template-areas:"image info actions delete" "image feedback feedback delete";grid-template-columns:80px 1fr auto auto;gap:calc(var(--spacing-unit) * 1.5);align-items:start;background-color:var(--surface-color);padding:calc(var(--spacing-unit) * 1.5);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--box-shadow-sm);overflow:hidden}.skeleton{background-color:#e0e0e0;border-radius:var(--border-radius);animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{background-color:#e0e0e0}50%{background-color:#d0d0d0}to{background-color:#e0e0e0}}.sale-item-card.loading-skeleton .item-image.skeleton{width:80px;height:80px;grid-area:image}.sale-item-card.loading-skeleton .item-info{grid-area:info;display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * .75)}.sale-item-card.loading-skeleton .item-actions{grid-area:actions;display:flex;flex-direction:column;align-items:flex-end;gap:calc(var(--spacing-unit) * .75)}.sale-item-card.loading-skeleton .delete-item-btn.skeleton{grid-area:delete;width:36px;height:36px;align-self:flex-start}.sale-item-card.loading-skeleton .stock-feedback.skeleton{grid-area:feedback;height:1em;width:70%}.sale-item-card.loading-skeleton .skeleton-text{height:1em}.sale-item-card.loading-skeleton .skeleton-text.short{width:50%}.sale-item-card.loading-skeleton .skeleton-text.medium{width:75%}.sale-item-card.loading-skeleton .skeleton-text.long{width:100%}.sale-item-card.loading-skeleton .skeleton-button{width:36px;height:36px}.discounts-page .sale-totals-summary{margin-bottom:calc(var(--spacing-unit) * 2.5);padding:calc(var(--spacing-unit) * 2);background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius)}.discounts-page .sale-totals-summary p{font-size:1.1em}.discounts-page .sale-totals-summary .total-line{font-size:1.3em}.discount-options{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1.5);margin-top:calc(var(--spacing-unit) * 1)}.discount-options .form-group{display:flex;flex-direction:row;align-items:center;padding:calc(var(--spacing-unit) * 1.5);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:var(--transition-fast);cursor:pointer}.discount-options .form-group:hover{background-color:var(--accent-color-light);border-color:var(--accent-color)}.discount-options .form-group input[type=radio]{margin-right:calc(var(--spacing-unit) * 1.5);transform:scale(1.3);accent-color:var(--primary-color)}.discount-options .form-group label{margin-bottom:0;font-weight:500;color:var(--text-color);cursor:pointer;flex-grow:1}.discount-value-input-container{display:flex;align-items:center;gap:var(--spacing-unit);margin-top:calc(var(--spacing-unit) * .5);padding-left:calc(var(--spacing-unit) * 4.5);margin-bottom:calc(var(--spacing-unit) * 2)}.discount-value-input-container .form-group{padding:0;border:none;flex-grow:1;margin-bottom:0}.discount-value-input-container .form-group input[type=number]{max-width:150px}.discount-value-input-container .input-suffix{font-weight:500;font-size:var(--font-size-base);color:var(--text-light-color)}@media (max-width: 600px){.sale-item-card{grid-template-areas:"image info delete" "actions actions actions" "feedback feedback feedback";grid-template-columns:auto 1fr auto;padding:var(--spacing-unit)}.sale-item-card .item-image{width:60px;height:60px}.sale-item-card .item-actions{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-top:var(--spacing-unit);padding-top:var(--spacing-unit);border-top:1px solid var(--border-color)}.stock-feedback{text-align:center;width:100%;margin-top:calc(var(--spacing-unit) * 1)}.delete-item-btn{align-self:flex-start}.sale-item-card.loading-skeleton{grid-template-areas:"image info delete" "actions actions actions" "feedback feedback feedback";grid-template-columns:60px 1fr auto}.sale-item-card.loading-skeleton .item-image.skeleton{width:60px;height:60px}.sale-breadcrumb-list{flex-wrap:wrap;justify-content:center}.sale-breadcrumb-item{font-size:calc(var(--font-size-sm) * .9)}.sale-breadcrumb-item:not(:last-child):after{margin:0 calc(var(--spacing-unit) * .5)}.discount-value-input-container{padding-left:calc(var(--spacing-unit) * 1.5);flex-direction:column;align-items:stretch}.discount-value-input-container .form-group input[type=number]{max-width:100%}.discount-value-input-container .input-suffix{text-align:right}.sale-form-page .sale-form-actions{flex-direction:column;gap:calc(var(--spacing-unit) * 1.5)}.sale-form-page .sale-form-actions>.button,.sale-form-page .sale-form-actions>div>.button{width:100%}.sale-form-page .sale-form-actions>div{width:100%;display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1.5)}}@media (min-width: 768px){.clients-grid,.products-grid,.sales-grid,.form-grid{grid-template-columns:repeat(2,1fr)}.form-group.full-width{grid-column:1 / -1}.product-detail-main-layout{flex-direction:row;align-items:flex-start;gap:calc(var(--spacing-unit) * 3)}.product-detail-image-column{margin-bottom:0;width:250px;flex-shrink:0}.product-hero-image{width:100%;height:auto;max-height:250px;aspect-ratio:1 / 1}.product-detail-info-column{align-items:flex-start;text-align:left}.product-detail-info-column h1{text-align:left;font-size:2.2em}.product-info-key-details{grid-template-columns:repeat(2,1fr)}.product-detail-info-column .product-primary-actions{justify-content:flex-start}.detail-grid{grid-template-columns:repeat(2,1fr)}.sale-form-page .sale-form-actions{flex-direction:row;justify-content:space-between}.sale-form-page .sale-form-actions>.button,.sale-form-page .sale-form-actions>div>.button{width:auto}.sale-form-page .sale-form-actions>div{width:auto;flex-direction:row}}@media (min-width: 1024px){.clients-grid,.products-grid,.sales-grid{grid-template-columns:repeat(3,1fr)}.sale-items-list{grid-template-columns:1fr}}@media (min-width: 1200px){.clients-grid,.products-grid,.sales-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.product-detail-main-layout{gap:calc(var(--spacing-unit) * 4)}.product-detail-image-column{width:300px}.product-hero-image{max-height:300px}.product-detail-info-column h1{font-size:2.5em}}