.dashboard-page{background:#f5f5f5;min-height:100vh;padding:0}.dashboard-page .dashboard-header{background:linear-gradient(135deg,#e8c39e,#f4a460 50%,peru);background-image:url(https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1920);padding:60px 40px}.dashboard-page .dashboard-header .welcome-section{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;position:relative;z-index:1}.dashboard-page .dashboard-header .welcome-section .betel-brand .betel-logo .logo-svg{height:80px;width:200px}.dashboard-page .dashboard-header .welcome-section .betel-brand .betel-logo .logo-svg .logo-text{fill:#2d5016;font-family:Georgia,serif;font-size:48px;font-weight:700}.dashboard-page .dashboard-header .welcome-section .betel-brand .betel-logo .logo-svg .logo-subtext{fill:#4a7c2c;font-family:Georgia,serif;font-size:24px;font-style:italic}.dashboard-page .dashboard-header .welcome-section .greeting-container{text-align:right}.dashboard-page .dashboard-header .welcome-section .greeting-container .greeting-large{color:#fff;font-size:120px;font-weight:900;letter-spacing:.05em;margin:0;text-shadow:4px 4px 8px #0000004d}.dashboard-page .dashboard-main{grid-gap:24px;gap:24px;grid-template-columns:450px 1fr;margin:0 auto;max-width:1400px;padding:24px}@media(max-width:1200px){.dashboard-page .dashboard-main{grid-template-columns:1fr}}.dashboard-page .left-column .debt-orders-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.dashboard-page .left-column .debt-orders-section .section-header{margin-bottom:24px}.dashboard-page .left-column .debt-orders-section .section-header .section-title{color:#2c3e50;font-size:18px;line-height:1.3;text-transform:uppercase}.dashboard-page .left-column .debt-orders-section .debt-orders-content .summary-grid{display:flex;flex-direction:column;gap:16px}.dashboard-page .left-column .debt-orders-section .debt-orders-content .summary-grid .summary-item{background:#f8f9fa;border-left:4px solid #7b2d8e;border-radius:8px;padding:20px}.dashboard-page .left-column .debt-orders-section .debt-orders-content .summary-grid .summary-item.summary-item--danger{background:#ffebee;border-left-color:#e74c3c}.dashboard-page .left-column .debt-orders-section .debt-orders-content .summary-grid .summary-item.summary-item--danger .summary-amount{color:#c0392b}.dashboard-page .left-column .debt-orders-section .debt-orders-content .summary-grid .summary-item.summary-item--danger .summary-count{background:#e74c3c}.dashboard-page .left-column .debt-orders-section .debt-orders-content .summary-grid .summary-item .summary-label{color:#7f8c8d;font-size:14px;margin-bottom:8px}.dashboard-page .left-column .debt-orders-section .debt-orders-content .summary-grid .summary-item .summary-amount{color:#2c3e50;font-size:32px;margin-bottom:8px}.dashboard-page .left-column .debt-orders-section .debt-orders-content .summary-grid .summary-item .summary-count{background:#7b2d8e;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:6px 16px}.dashboard-page .right-column .top-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.dashboard-page .right-column .top-section .section-header{align-items:center;margin-bottom:24px}.dashboard-page .right-column .top-section .section-header .section-title{color:#2c3e50;font-size:18px;text-transform:uppercase}.dashboard-page .right-column .top-section .section-header .period-selector{align-items:center;display:flex;gap:16px}.dashboard-page .right-column .top-section .section-header .period-selector .selector-dropdown{align-items:center;background:#ecf0f1;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 16px}.dashboard-page .right-column .top-section .section-header .period-selector .selector-dropdown .dropdown-label{background:none;border:none;color:#2c3e50;cursor:pointer;font-size:14px;font-weight:600}.dashboard-page .right-column .top-section .section-header .period-selector .selector-options{gap:8px}.dashboard-page .right-column .top-section .section-header .period-selector .selector-options .period-btn{background:#ecf0f1;border:none;border-radius:6px;color:#7f8c8d;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s}.dashboard-page .right-column .top-section .section-header .period-selector .selector-options .period-btn:hover{background:#bdc3c7}.dashboard-page .right-column .top-section .section-header .period-selector .selector-options .period-btn.active{background:#7b2d8e}.dashboard-page .right-column .top-section .top-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:250px 1fr}@media(max-width:900px){.dashboard-page .right-column .top-section .top-content{grid-template-columns:1fr}}.dashboard-page .right-column .top-section .top-content .donut-chart{align-items:center;display:flex;justify-content:center}.dashboard-page .right-column .top-section .top-content .donut-chart .donut-svg{height:220px;width:220px}.dashboard-page .right-column .top-section .top-content .top-list-container .content-tabs{border-bottom:2px solid #ecf0f1;display:flex;gap:16px;margin-bottom:20px}.dashboard-page .right-column .top-section .top-content .top-list-container .content-tabs .tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#7f8c8d;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:-2px;padding:12px 24px;transition:all .3s}.dashboard-page .right-column .top-section .top-content .top-list-container .content-tabs .tab-btn:hover{color:#2c3e50}.dashboard-page .right-column .top-section .top-content .top-list-container .content-tabs .tab-btn.active{border-bottom-color:#7b2d8e;color:#7b2d8e}.dashboard-page .right-column .top-section .top-content .top-list-container .top-list .top-item{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:12px 0}.dashboard-page .right-column .top-section .top-content .top-list-container .top-list .top-item .item-info{align-items:center;display:flex;flex:1 1;gap:12px}.dashboard-page .right-column .top-section .top-content .top-list-container .top-list .top-item .item-info .item-color{border-radius:50%;flex-shrink:0;height:16px;width:16px}.dashboard-page .right-column .top-section .top-content .top-list-container .top-list .top-item .item-info .item-name{color:#2c3e50;font-size:14px;font-weight:500}.dashboard-page .right-column .top-section .top-content .top-list-container .top-list .top-item .item-stats{align-items:center;display:flex;gap:24px}.dashboard-page .right-column .top-section .top-content .top-list-container .top-list .top-item .item-stats .item-value{color:#2c3e50;font-size:16px;font-weight:700}.dashboard-page .right-column .top-section .top-content .top-list-container .top-list .top-item .item-stats .item-percentage{color:#7f8c8d;font-size:14px;font-weight:600;min-width:60px;text-align:right}.dashboard-page .right-column .top-section .top-content .top-list-container .top-list .see-more{padding:16px 0;text-align:center}.dashboard-page .right-column .top-section .top-content .top-list-container .top-list .see-more .see-more-btn{align-items:center;background:none;border:none;color:#7b2d8e;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 auto}.dashboard-page .right-column .top-section .top-content .top-list-container .top-list .see-more .see-more-btn:hover{color:#5a2169}.dashboard-page .right-column .top-section .top-content .top-list-container .top-list .total-section{align-items:center;background:#ecf0f1;border-radius:8px;display:flex;justify-content:space-between;margin-top:16px;padding:16px}.dashboard-page .right-column .top-section .top-content .top-list-container .top-list .total-section .total-label{color:#2c3e50;font-size:14px;font-weight:700;text-transform:uppercase}.dashboard-page .right-column .top-section .top-content .top-list-container .top-list .total-section .total-amount{color:#2c3e50;font-size:20px;font-weight:700}.dashboard-page .right-column .top-section .top-content .top-list-container .top-list .total-section .total-percentage{color:#7f8c8d;font-size:16px;font-weight:600}.dashboard-page .sales-chart{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:24px auto;max-width:1400px;padding:24px}.dashboard-page .sales-chart .chart-header{margin-bottom:32px}.dashboard-page .sales-chart .chart-header .chart-title{color:#2c3e50;font-size:18px;text-transform:uppercase}.dashboard-page .sales-chart .chart-header .chart-controls{display:flex;gap:12px}.dashboard-page .sales-chart .chart-header .chart-controls .year-btn{background:#ecf0f1;border:none;border-radius:6px;color:#7f8c8d;cursor:pointer;font-size:12px;font-weight:600;padding:8px 20px;transition:all .3s}.dashboard-page .sales-chart .chart-header .chart-controls .year-btn:hover{background:#bdc3c7}.dashboard-page .sales-chart .chart-header .chart-controls .year-btn.active{background:#7b2d8e;color:#fff}.dashboard-page .sales-chart .chart-content{height:400px;position:relative}.dashboard-page .sales-chart .chart-content .chart-bars{align-items:flex-end;display:flex;gap:8px;height:100%;justify-content:space-around;padding:0 20px 40px;position:relative}.dashboard-page .sales-chart .chart-content .chart-bars .year-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end;position:relative}.dashboard-page .sales-chart .chart-content .chart-bars .year-bar .bar{border-radius:8px 8px 0 0;cursor:pointer;min-height:20px;position:relative;transition:all .3s;width:100%}.dashboard-page .sales-chart .chart-content .chart-bars .year-bar .bar:hover{opacity:.8}.dashboard-page .sales-chart .chart-content .chart-bars .year-bar .bar:hover .bar-tooltip{opacity:1;transform:translateY(-10px)}.dashboard-page .sales-chart .chart-content .chart-bars .year-bar .bar .bar-tooltip{background:#000000e6;border-radius:6px;bottom:100%;color:#fff;left:50%;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s;white-space:nowrap}.dashboard-page .sales-chart .chart-content .chart-bars .year-bar .bar .bar-tooltip .tooltip-year{font-size:12px;font-weight:600;margin-bottom:4px}.dashboard-page .sales-chart .chart-content .chart-bars .year-bar .bar .bar-tooltip .tooltip-amount{font-size:14px;font-weight:700}.dashboard-page .sales-chart .chart-content .chart-bars .year-bar .bar .bar-tooltip:after{border:6px solid #0000;border-top-color:#000000e6;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.dashboard-page .sales-chart .chart-content .chart-bars .year-bar .year-label{color:#7f8c8d;font-size:12px;font-weight:600;margin-top:12px}.dashboard-page .sales-chart .chart-content .chart-scale{height:calc(100% - 40px);left:0;pointer-events:none;position:absolute;right:0;top:0}.dashboard-page .sales-chart .chart-content .chart-scale .scale-line{border-top:1px dashed #ecf0f1;left:0;position:absolute;right:0}.dashboard-page .sales-chart .chart-content .chart-scale .scale-line .scale-label{background:#fff;color:#95a5a6;font-size:12px;left:0;padding:0 8px;position:absolute;top:-10px}.download-report-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.download-report-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.download-report-modal .modal-header{align-items:center;background:linear-gradient(135deg,#7b2c7f,#9b4c9f);border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;color:#fff;display:flex;gap:1rem;padding:1.5rem 2rem}.download-report-modal .modal-header .modal-header-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.download-report-modal .modal-header .modal-title{color:#fff;flex:1 1;font-size:1.5rem;font-weight:700;margin:0}.download-report-modal .modal-header .modal-close-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.download-report-modal .modal-header .modal-close-btn:hover:not(:disabled){background:#ffffff4d;transform:scale(1.05)}.download-report-modal .modal-header .modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.download-report-modal .modal-body{flex:1 1;overflow-y:auto;padding:2rem}.download-report-modal .modal-body .form-section{margin-bottom:2rem}.download-report-modal .modal-body .form-section:last-child{margin-bottom:0}.download-report-modal .modal-body .form-section .section-title{align-items:center;border-bottom:2px solid #e5e7eb;color:#1f2937;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.download-report-modal .modal-body .form-section .section-title svg{color:#7b2c7f}.download-report-modal .modal-body .date-range-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}@media(max-width:640px){.download-report-modal .modal-body .date-range-group{grid-template-columns:1fr}}.download-report-modal .modal-body .form-group{display:flex;flex-direction:column}.download-report-modal .modal-body .form-group .form-label{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.download-report-modal .modal-body .form-group .form-label .required{color:#ef4444;margin-left:2px}.download-report-modal .modal-body .form-group .form-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;padding:.75rem;transition:all .2s ease}.download-report-modal .modal-body .form-group .form-input:focus{border-color:#7b2c7f;box-shadow:0 0 0 3px #7b2c7f1a;outline:none}.download-report-modal .modal-body .form-group .form-input.error{border-color:#ef4444}.download-report-modal .modal-body .form-group .form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.download-report-modal .modal-body .form-group .form-input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.download-report-modal .modal-body .form-group .form-error{align-items:center;color:#ef4444;display:flex;font-size:.75rem;gap:.25rem;margin-top:.25rem}.download-report-modal .modal-body .form-error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:.875rem;margin-top:.5rem;padding:.75rem 1rem}.download-report-modal .modal-body .date-suggestions{align-items:center;background:#f9fafb;border-radius:8px;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding:1rem}.download-report-modal .modal-body .date-suggestions .suggestion-label{color:#6b7280;font-size:.875rem;font-weight:600}.download-report-modal .modal-body .date-suggestions .btn-suggestion{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.download-report-modal .modal-body .date-suggestions .btn-suggestion:hover:not(:disabled){background:#7b2c7f;border-color:#7b2c7f;color:#fff}.download-report-modal .modal-body .date-suggestions .btn-suggestion:disabled{cursor:not-allowed;opacity:.5}.download-report-modal .modal-body .format-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media(max-width:640px){.download-report-modal .modal-body .format-options{grid-template-columns:1fr}}.download-report-modal .modal-body .format-options .format-option{cursor:pointer}.download-report-modal .modal-body .format-options .format-option input[type=radio]{display:none}.download-report-modal .modal-body .format-options .format-option input[type=radio]:checked+.format-card{background:#faf5ff;border-color:#7b2c7f;box-shadow:0 0 0 3px #7b2c7f1a}.download-report-modal .modal-body .format-options .format-option input[type=radio]:checked+.format-card .format-icon{background:#7b2c7f;color:#fff}.download-report-modal .modal-body .format-options .format-option input[type=radio]:disabled+.format-card{cursor:not-allowed;opacity:.5}.download-report-modal .modal-body .format-options .format-option .format-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;text-align:center;transition:all .2s ease}.download-report-modal .modal-body .format-options .format-option .format-card:hover{border-color:#9b4c9f;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.download-report-modal .modal-body .format-options .format-option .format-card .format-icon{align-items:center;border-radius:12px;display:flex;height:64px;justify-content:center;transition:all .2s ease;width:64px}.download-report-modal .modal-body .format-options .format-option .format-card .format-icon.pdf{background:#fee2e2;color:#dc2626}.download-report-modal .modal-body .format-options .format-option .format-card .format-icon.csv{background:#dcfce7;color:#16a34a}.download-report-modal .modal-body .format-options .format-option .format-card .format-info .format-name{color:#1f2937;font-size:1.125rem;font-weight:700;margin:0 0 .25rem}.download-report-modal .modal-body .format-options .format-option .format-card .format-info .format-description{color:#6b7280;font-size:.875rem;margin:0}.download-report-modal .modal-footer{align-items:center;background:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.download-report-modal .modal-footer .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.download-report-modal .modal-footer .btn--outline{background:#fff;border:2px solid #d1d5db;color:#374151}.download-report-modal .modal-footer .btn--outline:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.download-report-modal .modal-footer .btn--primary{background:#7b2c7f;border:2px solid #7b2c7f;color:#fff}.download-report-modal .modal-footer .btn--primary:hover:not(:disabled){background:#9b4c9f;border-color:#9b4c9f;box-shadow:0 4px 12px #7b2c7f4d;transform:translateY(-2px)}.download-report-modal .modal-footer .btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.download-report-modal .modal-footer .btn .spinner-sm{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media(max-width:768px){.download-report-modal{margin:0;max-height:95vh;max-width:100%}.download-report-modal .modal-header{padding:1rem 1.5rem}.download-report-modal .modal-header .modal-header-icon{height:40px;width:40px}.download-report-modal .modal-header .modal-title{font-size:1.25rem}.download-report-modal .modal-body{padding:1.5rem}.download-report-modal .modal-footer{flex-direction:column;padding:1rem 1.5rem}.download-report-modal .modal-footer .btn{justify-content:center;width:100%}}.date-filter-selector{background:#f9fafb;border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}@media(max-width:640px){.date-filter-selector{flex-direction:column}}.date-filter-selector .filter-option{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:.5rem}.date-filter-selector .filter-option input[type=radio]{accent-color:#7b2c7f;cursor:pointer;height:18px;width:18px}.date-filter-selector .filter-option .filter-label{color:#374151;font-size:.875rem;font-weight:500;-webkit-user-select:none;user-select:none}.date-filter-selector .filter-option:hover .filter-label{color:#7b2c7f}.all-records-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-top:1rem;padding:1rem}.all-records-info p{color:#1e40af;font-size:.875rem;margin:0;text-align:center}.all-records-info p strong{color:#1e3a8a;font-weight:700}.product-image-gallery{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1.5rem;width:100%}.product-image-gallery .gallery-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.product-image-gallery .gallery-header .gallery-info{align-items:center;display:flex;gap:1rem}.product-image-gallery .gallery-header .gallery-info .gallery-title{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.product-image-gallery .gallery-header .gallery-info .image-count{background:#f3f4f6;border-radius:12px;color:#6b7280;font-size:.875rem;padding:.25rem .75rem}.product-image-gallery .gallery-header .upload-button{align-items:center;background:#7b2d8e;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.product-image-gallery .gallery-header .upload-button .upload-icon{font-size:1rem}.product-image-gallery .gallery-header .upload-button:hover{background:#6a2578;box-shadow:0 4px 6px #7b2d8e4d;transform:translateY(-1px)}.product-image-gallery .gallery-header .upload-button:active{transform:translateY(0)}.product-image-gallery .gallery-header .upload-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.product-image-gallery .gallery-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;display:flex;gap:.75rem;margin-bottom:1rem;padding:.875rem 1rem}.product-image-gallery .gallery-error .error-icon{flex-shrink:0;font-size:1.25rem}.product-image-gallery .gallery-error span{font-size:.875rem;line-height:1.4}.product-image-gallery .gallery-loading{align-items:center;color:#6b7280;display:flex;gap:1rem;justify-content:center;padding:3rem 1rem}.product-image-gallery .gallery-loading .loading-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#7b2d8e;height:24px;width:24px}.product-image-gallery .gallery-loading span{font-size:.875rem}.product-image-gallery .images-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:1rem}.product-image-gallery .images-grid .image-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;position:relative;transition:all .2s}.product-image-gallery .images-grid .image-card:hover{border-color:#7b2d8e;box-shadow:0 4px 12px #7b2d8e26}.product-image-gallery .images-grid .image-card:hover .image-actions{opacity:1}.product-image-gallery .images-grid .image-card .primary-badge{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;left:.5rem;padding:.375rem .625rem;position:absolute;top:.5rem;z-index:10}.product-image-gallery .images-grid .image-card .primary-badge .star-icon{font-size:.875rem}.product-image-gallery .images-grid .image-card .image-preview{align-items:center;background:#f3f4f6;display:flex;height:200px;justify-content:center;overflow:hidden;width:100%}.product-image-gallery .images-grid .image-card .image-preview img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.product-image-gallery .images-grid .image-card .image-preview:hover img{transform:scale(1.05)}.product-image-gallery .images-grid .image-card .image-actions{display:flex;gap:.5rem;opacity:0;position:absolute;right:.5rem;top:.5rem;transition:opacity .2s}.product-image-gallery .images-grid .image-card .image-actions .action-button{align-items:center;background:#fffffff2;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.product-image-gallery .images-grid .image-card .image-actions .action-button svg{font-size:.875rem}.product-image-gallery .images-grid .image-card .image-actions .action-button:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.1)}.product-image-gallery .images-grid .image-card .image-actions .action-button.set-primary{color:#f59e0b}.product-image-gallery .images-grid .image-card .image-actions .action-button.set-primary:hover{background:#fef3c7;border-color:#f59e0b;color:#d97706}.product-image-gallery .images-grid .image-card .image-actions .action-button.delete{color:#dc2626}.product-image-gallery .images-grid .image-card .image-actions .action-button.delete:hover{background:#fef2f2;border-color:#dc2626;color:#b91c1c}.product-image-gallery .images-grid .image-card .image-info{align-items:center;background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.75rem}.product-image-gallery .images-grid .image-card .image-info span{color:#6b7280;font-size:.75rem}.product-image-gallery .images-grid .image-card .image-info .image-size{font-weight:500}.product-image-gallery .images-grid .image-card .image-info .image-dimensions{color:#9ca3af}.product-image-gallery .gallery-empty{color:#6b7280;padding:3rem 1rem;text-align:center}.product-image-gallery .gallery-empty .empty-icon{color:#d1d5db;font-size:3rem;margin-bottom:1rem}.product-image-gallery .gallery-empty .empty-text{color:#4b5563;font-size:1rem;font-weight:500;margin:0 0 .5rem}.product-image-gallery .gallery-empty .empty-hint{color:#9ca3af;font-size:.875rem;margin:0}.product-image-gallery .gallery-placeholder{background:#fef3c7;border:1px dashed #f59e0b;border-radius:8px;color:#92400e;padding:3rem 1rem;text-align:center}.product-image-gallery .gallery-placeholder .placeholder-icon{color:#f59e0b;font-size:3rem;margin-bottom:1rem}.product-image-gallery .gallery-placeholder .placeholder-text{font-size:.875rem;font-weight:500;margin:0}.product-image-gallery .gallery-help{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.product-image-gallery .gallery-help small{color:#6b7280;font-size:.75rem;line-height:1.5}@media(max-width:768px){.product-image-gallery{padding:1rem}.product-image-gallery .gallery-header{align-items:flex-start;flex-direction:column;gap:1rem}.product-image-gallery .gallery-header .upload-button{justify-content:center;width:100%}.product-image-gallery .images-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.product-image-gallery .images-grid .image-card .image-preview{height:150px}.product-image-gallery .images-grid .image-card .image-actions{opacity:1}}@media(max-width:480px){.product-image-gallery .images-grid{grid-template-columns:repeat(2,1fr)}}.modal-overlay{background-color:#00000080}.modal-content{border-radius:8px;box-shadow:0 4px 20px #00000026}.modal-content--large{max-width:1200px}.modal-header{border-bottom:1px solid #e0e0e0;padding:20px 24px}.modal-title{color:#333}.modal-close{border-radius:4px;color:#666}.modal-close:hover{background-color:#f5f5f5;color:#333}.modal-footer{border-top:1px solid #e0e0e0}.ingredientes-list{overflow-x:auto}.ingredientes-list .table{border-collapse:collapse;margin-top:16px;width:100%}.ingredientes-list .table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-size:14px;font-weight:600;padding:12px 8px;text-align:left}.ingredientes-list .table td{border-bottom:1px solid #dee2e6;padding:8px}.ingredientes-list .table tbody tr:hover{background-color:#f8f9fa}.empty-state{color:#666;padding:48px 24px}.empty-state p{margin-bottom:16px}.form-input{border:1px solid #ced4da;border-radius:4px;padding:8px 12px;transition:border-color .15s ease-in-out}.form-input:focus{box-shadow:0 0 0 .2rem #667eea40}.form-input:disabled{background-color:#e9ecef}.alert{border-radius:4px;margin-bottom:16px}.alert--danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert--success{background-color:#d4edda}.alert--warning{background-color:#fff3cd;border:1px solid #ffeaa7}.btn{border-radius:4px;gap:6px;padding:8px 16px}.btn--danger:hover:not(:disabled){background-color:#c82333}.btn--ghost{border:1px solid #dee2e6;color:#666}.btn--ghost:hover:not(:disabled){background-color:#f8f9fa;border-color:#adb5bd}.btn--sm{font-size:13px;padding:6px 12px}.procesos-menu-page{background:#f5f5f5;min-height:100vh;padding:40px 20px}.procesos-menu-container{margin:0 auto;max-width:1400px}.procesos-menu-title{color:#4a3470;font-size:36px;font-weight:700;letter-spacing:1px;line-height:1.2;margin-bottom:40px;text-transform:uppercase}.procesos-menu-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}@media(max-width:1024px){.procesos-menu-grid{grid-template-columns:1fr;max-width:600px}}.proceso-card{align-items:flex-start;border-radius:20px;box-shadow:0 4px 20px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;overflow:hidden;padding:40px;position:relative;transition:all .3s ease}.proceso-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.proceso-card:before{background:#ffffff1a;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.proceso-card:hover:before{opacity:1}.proceso-card-icon{color:#fff;margin-bottom:20px;opacity:.9}.proceso-card-title{color:#fff;font-size:28px;font-weight:700;letter-spacing:.5px;line-height:1.3;margin:0;position:relative;text-transform:uppercase;z-index:1}.gradient-purple-pink{background:linear-gradient(135deg,#4a3470,#a855f7)}.gradient-blue-purple{background:linear-gradient(135deg,#3b4d9e,#5b6bc7)}.gradient-purple-deep{background:linear-gradient(135deg,#6b46c1,#9333ea)}.gradient-blue-dark{background:linear-gradient(135deg,#4c5fd5,#6366f1)}.procesos-list-page{background:#f5f5f5;min-height:100vh;padding:30px 40px}.procesos-list-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.procesos-list-title{color:#4a3470;font-size:32px;font-weight:700;letter-spacing:.5px;line-height:1.2;margin:0;text-transform:uppercase}.procesos-list-actions{align-items:center;display:flex;gap:20px}.btn-link-purple{background:none;border:none;color:#a855f7;cursor:pointer;font-size:14px;font-weight:600;text-decoration:underline;text-transform:uppercase;transition:color .2s ease}.btn-link-purple:hover{color:#9333ea}.btn-purple-pill{align-items:center;background:linear-gradient(135deg,#a855f7,#9333ea);border:none;border-radius:50px;box-shadow:0 4px 15px #a855f74d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 32px;text-transform:uppercase;transition:all .3s ease}.btn-purple-pill:hover{box-shadow:0 6px 20px #a855f766;transform:translateY(-2px)}.general-notes-section{background:#fff;border:2px solid #4a3470;border-radius:12px;margin-bottom:30px;padding:20px}.general-notes-label{color:#4a3470;display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.general-notes-textarea{border:1px solid #d1d5db;border-radius:8px;color:#374151;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.general-notes-textarea:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;outline:none}.general-notes-textarea::placeholder{color:#9ca3af}.procesos-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.proceso-table{border-collapse:collapse;width:100%}.proceso-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.proceso-table thead th{border-bottom:2px solid #4a3470;color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.5px;line-height:1.3;padding:16px 12px;text-align:left;text-transform:uppercase}.proceso-table thead th.add-column{text-align:center;width:60px}.proceso-table thead th.actions-column{text-align:right;width:140px}.proceso-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.proceso-table tbody tr:hover:not(.editing){background-color:#f9fafb}.proceso-table tbody tr.editing{background-color:#fef3ff}.proceso-table tbody tr td{color:#374151;font-size:13px;padding:14px 12px;vertical-align:middle}.proceso-table tbody tr td.add-column{text-align:center}.proceso-table tbody tr td.actions-column{text-align:right}.btn-add-row{align-items:center;background:#a855f7;border:none;border-radius:50%;box-shadow:0 2px 8px #a855f74d;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-add-row:hover{background:#9333ea;transform:scale(1.1)}.inline-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-family:inherit;font-size:13px;padding:8px 10px;transition:all .2s ease;width:100%}.inline-input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;outline:none}.inline-input--number{max-width:120px}.inline-input--date{max-width:150px}.btn-edit,.btn-save{align-items:center;border:none;border-radius:20px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:8px 16px;text-transform:uppercase;transition:all .2s ease}.btn-edit{background:#0000;border:1px solid #d1d5db;color:#6b7280}.btn-edit:hover{background:#f9fafb;border-color:#a855f7;color:#a855f7}.btn-save{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 2px 8px #a855f74d;color:#fff}.btn-save:hover{box-shadow:0 4px 12px #a855f766;transform:translateY(-1px)}.proceso-table--cleaning .areas-header{border-bottom:1px solid #e5e7eb;text-align:center}.proceso-table--cleaning .sub-header{background:#f3f4f6}.proceso-table--cleaning .sub-header th{border-bottom:1px solid #d1d5db;font-size:10px;padding:8px 6px}.proceso-table--cleaning .sub-header th.area-column,.proceso-table--cleaning .text-center{text-align:center}.proceso-table--cleaning .checkmark{color:#4a3470;font-size:20px;font-weight:700}.proceso-table--cleaning .checkbox-large{accent-color:#a855f7;cursor:pointer;height:20px;width:20px}@media(max-width:1200px){.procesos-list-page{padding:20px}.procesos-table-container{overflow-x:auto}.proceso-table{min-width:1000px}.proceso-table--cleaning{min-width:1400px}}.modal-overlay{background-color:#0009;padding:20px;z-index:1000}.modal-content{animation:modalFadeIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.modal-content--medium{max-width:700px}.modal-header{align-items:flex-start;padding:24px}.modal-title{color:#111827;font-size:20px}.modal-subtitle{color:#6b7280;font-size:14px;margin:4px 0 0}.modal-close{border-radius:6px;font-size:24px;padding:4px;transition:all .2s ease}.modal-close:hover{background-color:#f3f4f6;color:#111827}.modal-body{padding:24px}.modal-footer{background-color:#f9fafb;border-bottom-left-radius:12px;border-bottom-right-radius:12px;gap:12px;padding:16px 24px}.info-section{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:16px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.info-item{display:flex;flex-direction:column}.info-label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.info-value{color:#111827;font-size:18px;font-weight:600}.info-value--highlight{color:#667eea;font-size:24px}.operation-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.operation-btn{align-items:center;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.operation-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.operation-btn--active{border-width:2px;box-shadow:0 2px 8px #0000001a;font-weight:600}.operation-btn--active.operation-btn--success{background-color:#ecfdf5;border-color:#10b981;color:#059669}.operation-btn--active.operation-btn--danger{background-color:#fef2f2;border-color:#ef4444;color:#dc2626}.operation-btn--active.operation-btn--info{background-color:#eef2ff;border-color:#667eea;color:#4f46e5}.operation-btn svg{font-size:18px}.stock-preview{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px}.stock-preview__label{color:#fff;font-size:14px;font-weight:500;opacity:.9}.stock-preview__value{align-items:center;color:#fff;display:flex;font-size:28px;font-weight:700;gap:8px}.stock-preview__value--warning{animation:pulse 2s infinite}.stock-preview__badge{background-color:#ffffff4d;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.form-group{margin-bottom:20px}.form-label{font-size:14px;margin-bottom:6px}.form-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:10px 12px;transition:all .2s ease;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.form-input--error{border-color:#ef4444}.form-input--error:focus{box-shadow:0 0 0 3px #ef44441a}.form-textarea{font-family:inherit}.form-error{color:#ef4444;font-size:13px}.form-error,.form-hint{display:block;margin-top:4px}.form-hint{color:#6b7280;font-size:12px;font-style:italic}.alert{font-size:14px;margin-bottom:20px;padding:12px 16px}.alert--danger{background-color:#fef2f2}.alert--success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.btn{font-size:14px;gap:8px;padding:10px 20px}.btn--primary{background-color:#667eea}.btn--primary:hover:not(:disabled){background-color:#5568d3;box-shadow:0 4px 12px #667eea66}.btn--ghost{background-color:#0000;border:1px solid #d1d5db}.btn--ghost:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}@media(max-width:640px){.modal-content{border-radius:0;margin:0;max-height:100vh}.info-grid,.operation-buttons{grid-template-columns:1fr}}.multi-phone-input{width:100%}.multi-phone-input .phone-list{display:flex;flex-direction:column;gap:8px;margin-bottom:8px;width:100%}.multi-phone-input .phone-input-row{align-items:center;display:flex;gap:8px;width:100%}.multi-phone-input .phone-input-row .phone-type-select{flex-shrink:0;width:120px}.multi-phone-input .phone-input-row .phone-number-input{flex:1 1}.multi-phone-input .phone-input-row .btn-remove-phone{align-items:center;background:none;border:none;border-radius:4px;color:#dc3545;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;justify-content:center;min-width:auto;padding:8px 12px;transition:all .2s}.multi-phone-input .phone-input-row .btn-remove-phone:hover{background-color:#dc35451a;color:#c82333}.multi-phone-input .phone-input-row .btn-remove-phone:active{transform:scale(.95)}.multi-phone-input .btn,.multi-phone-input .btn-add-phone{align-items:center;background-color:#0000;border:2px solid #7b2d8e;border-radius:4px;color:#7b2d8e;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;margin-top:8px;padding:8px 14px;transition:all .2s;width:100%}.multi-phone-input .btn-add-phone:hover,.multi-phone-input .btn:hover{background-color:#7b2d8e1a;border-color:#7b2d8e;color:#7b2d8e}.multi-phone-input .btn-add-phone:active,.multi-phone-input .btn:active{background-color:#7b2d8e26;transform:scale(.98)}.multi-phone-input .btn svg,.multi-phone-input .btn-add-phone svg{font-size:16px}.multi-phone-input .btn-add-phone.btn-add-first,.multi-phone-input .btn.btn-add-first{margin-top:0}.multi-phone-input .form-error{color:#dc3545;display:block;font-size:.875rem;margin-top:4px}.order-type-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.order-type-modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:1200px;overflow-y:auto;position:relative;width:100%}.modal-close-btn{align-items:center;background:#f5f5f5;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:40px;z-index:10}.modal-close-btn:hover{background:#e0e0e0;transform:rotate(90deg)}.modal-close-btn svg{color:#666}.modal-header{border-bottom:2px solid #f0f0f0;padding:40px 40px 30px;text-align:center}.modal-title{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:10px}.modal-subtitle{color:#7f8c8d;font-size:16px;font-weight:400}.modal-body{padding:40px}.order-type-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr)}.order-type-card{background:#fafafa;border:2px solid #e8e8e8;border-radius:12px;display:flex;flex-direction:column;padding:32px;transition:all .3s ease}.order-type-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.order-type-card--preorder{background:linear-gradient(135deg,#faf5fb,#fff);border-color:#7b2d8e}.order-type-card--preorder:hover{box-shadow:0 8px 24px #7b2d8e33}.order-type-card--preorder .card-icon{background:linear-gradient(135deg,#7b2d8e,#9b59b6)}.order-type-card--standard{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#2ecc71}.order-type-card--standard:hover{box-shadow:0 8px 24px #2ecc7133}.order-type-card--standard .card-icon{background:linear-gradient(135deg,#2ecc71,#27ae60)}.card-icon{align-items:center;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.card-icon svg{color:#fff}.card-title{color:#2c3e50;font-size:22px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-align:center}.card-description{color:#7f8c8d;font-size:14px;line-height:1.6;margin-bottom:24px;text-align:center}.card-divider{background:linear-gradient(90deg,#0000,#e0e0e0 50%,#0000);height:2px;margin:20px 0}.card-sources{display:flex;flex:1 1;flex-direction:column;gap:12px}.sources-label{color:#7b2d8e;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-align:center;text-transform:uppercase}.source-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#2c3e50;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;justify-content:center;padding:14px 20px;transition:all .2s ease;width:100%}.source-btn:hover{background:#7b2d8e0d;border-color:#7b2d8e;color:#7b2d8e;transform:translateX(4px)}.source-btn:active{transform:translateX(2px)}.card-features{display:flex;flex:1 1;flex-direction:column;gap:12px;margin-bottom:24px}.feature-item{color:#555;gap:12px;line-height:1.5}.feature-icon,.feature-item{align-items:center;display:flex;font-size:14px}.feature-icon{background:#2ecc71;border-radius:50%;flex-shrink:0;height:24px;justify-content:center;width:24px}.feature-icon,.select-btn{color:#fff;font-weight:700}.select-btn{background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:10px;box-shadow:0 4px 12px #2ecc714d;cursor:pointer;font-size:16px;padding:16px 24px;transition:all .2s ease;width:100%}.select-btn:hover{box-shadow:0 6px 16px #2ecc7166;transform:translateY(-2px)}.select-btn:active{transform:translateY(0)}@media(max-width:968px){.order-type-cards{grid-template-columns:1fr}.modal-header{padding:30px 24px 24px}.modal-title{font-size:24px}.modal-body,.order-type-card{padding:24px}}.ventas-page .orden-tabs{background:#0000;border-bottom:2px solid #e8e8e8;display:flex;gap:0;margin-bottom:24px}.ventas-page .orden-tabs .orden-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#757575;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:10px;justify-content:center;letter-spacing:.5px;padding:16px 24px;position:relative;text-transform:uppercase;transition:all .25s cubic-bezier(.4,0,.2,1)}.ventas-page .orden-tabs .orden-tab:hover{background:#7b2d8e0a;color:#7b2d8e}.ventas-page .orden-tabs .orden-tab.active{background:#0000;border-bottom-color:#7b2d8e;color:#7b2d8e}.ventas-page .orden-tabs .orden-tab.active svg{color:#7b2d8e}.ventas-page .orden-tabs .orden-tab svg{font-size:20px;transition:all .25s ease}.ventas-page .orden-tabs .orden-tab--blue:hover,.ventas-page .orden-tabs .orden-tab--green:hover,.ventas-page .orden-tabs .orden-tab--orange:hover,.ventas-page .orden-tabs .orden-tab--purple:hover{background:#7b2d8e0a;color:#7b2d8e}.ventas-page .orden-tabs .orden-tab--blue.active,.ventas-page .orden-tabs .orden-tab--green.active,.ventas-page .orden-tabs .orden-tab--orange.active,.ventas-page .orden-tabs .orden-tab--purple.active{border-bottom-color:#7b2d8e;color:#7b2d8e}.ventas-page .menu-item--tabs{background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;gap:0;overflow:hidden}.ventas-page .menu-item--tabs .tab-btn{background:#fff;border:none;border-right:1px solid #e0e0e0;color:#666;cursor:pointer;font-size:.75rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.ventas-page .menu-item--tabs .tab-btn:last-child{border-right:none}.ventas-page .menu-item--tabs .tab-btn:hover{background:#f5f5f5;color:#333}.ventas-page .menu-item--tabs .tab-btn.active{background:#7b2c7f;color:#fff}.ventas-page .content-thumbnail{align-items:center;flex-direction:column;gap:.25rem;justify-content:center;padding:1rem .5rem}.ventas-page .content-thumbnail .orden-amount,.ventas-page .content-thumbnail .orden-items,.ventas-page .content-thumbnail .orden-number{color:#fffffff2;text-align:center;text-shadow:0 1px 3px #0000004d;width:100%}.ventas-page .content-thumbnail .orden-number{font-size:.9rem;font-weight:700}.ventas-page .content-thumbnail .orden-amount{font-size:1.3rem;font-weight:900;line-height:1.2}.ventas-page .content-thumbnail .orden-items{font-size:.75rem;opacity:.9}.ventas-page .content-card__actions .action-buttons{display:flex;gap:.5rem}.ventas-page .btn-action{align-items:center;background:#0000;border:2px solid;border-radius:50%;cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.ventas-page .btn-action:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.ventas-page .btn-action:disabled{cursor:not-allowed;opacity:.5}.ventas-page .btn-action.btn-action--success{color:#27ae60}.ventas-page .btn-action.btn-action--success:hover:not(:disabled){background:#27ae60;color:#fff}.ventas-page .btn-action.btn-action--danger{color:#e74c3c}.ventas-page .btn-action.btn-action--danger:hover:not(:disabled){background:#e74c3c;color:#fff}.ventas-page .btn-action.btn-action--primary{color:#3498db}.ventas-page .btn-action.btn-action--primary:hover:not(:disabled){background:#3498db;color:#fff}.ventas-page .alert{align-items:center;animation:slideIn .3s ease;border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.ventas-page .alert .alert-icon{font-size:1.5rem}.ventas-page .alert.alert--danger{background:#fee;border-left:4px solid #c33;color:#c33}.ventas-page .alert.alert--success{background:#efe;border-left:4px solid #3c3;color:#3c3}.ventas-page .alert .alert-content{flex:1 1}.ventas-page .alert .alert-content strong{margin-right:.5rem}.ventas-page .content-actions-list{align-items:center;display:flex;gap:.5rem}.ventas-page .content-actions-list .btn-action{font-size:1rem;height:32px;width:32px}.ventas-page .content-actions-list .card-icon{margin-left:auto}.ventas-page .table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.ventas-page .ventas-table{border-collapse:collapse;font-size:.875rem;width:100%}.ventas-page .ventas-table thead{background:linear-gradient(135deg,#7b2d8e,#9b59b6)}.ventas-page .ventas-table thead tr th{border-bottom:2px solid #ffffff1a;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.ventas-page .ventas-table thead tr th:first-child{padding-left:1.5rem}.ventas-page .ventas-table thead tr th:last-child{padding-right:1.5rem;text-align:center}.ventas-page .ventas-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.ventas-page .ventas-table tbody tr:hover{background:#f8f8f8;box-shadow:0 2px 8px #0000000d;transform:scale(1.001)}.ventas-page .ventas-table tbody tr.table-row-clickable{cursor:pointer}.ventas-page .ventas-table tbody tr td{padding:1rem;vertical-align:middle}.ventas-page .ventas-table tbody tr td:first-child{padding-left:1.5rem}.ventas-page .ventas-table tbody tr td:last-child{padding-right:1.5rem}.ventas-page .ventas-table tbody tr td.orden-number-cell{color:#7b2d8e;font-size:.9rem;font-weight:700}.ventas-page .ventas-table tbody tr td.client-cell .client-info .client-name{color:#333;font-weight:600;margin-bottom:.25rem}.ventas-page .ventas-table tbody tr td.client-cell .client-info .orden-title{color:#666;font-size:.75rem}.ventas-page .ventas-table tbody tr td.date-cell,.ventas-page .ventas-table tbody tr td.items-cell{color:#666;white-space:nowrap}.ventas-page .ventas-table tbody tr td.date-cell .icon-inline,.ventas-page .ventas-table tbody tr td.items-cell .icon-inline{color:#7b2d8e;margin-right:.5rem;vertical-align:middle}.ventas-page .ventas-table tbody tr td.total-cell{color:#2c3e50;font-size:.95rem;font-weight:700}.ventas-page .ventas-table tbody tr td.status-cell .status-badge{display:inline-block}.ventas-page .ventas-table tbody tr td.actions-cell{text-align:center}.ventas-page .ventas-table tbody tr td.actions-cell .table-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:center}.ventas-page .ventas-table tbody tr td.actions-cell .table-actions .btn-action{font-size:.95rem;height:32px;width:32px}.ventas-page .ventas-table tbody tr td.actions-cell .table-actions .btn-action.btn-action--view{color:#7b2d8e}.ventas-page .ventas-table tbody tr td.actions-cell .table-actions .btn-action.btn-action--view:hover:not(:disabled){background:#7b2d8e;color:#fff}@media(max-width:768px){.ventas-page .orden-tabs{flex-direction:column;gap:10px}.ventas-page .orden-tabs .orden-tab{font-size:13px;padding:12px 16px}.ventas-page .menu-item--tabs{flex-direction:column}.ventas-page .menu-item--tabs .tab-btn{border-bottom:1px solid #e0e0e0;border-right:none}.ventas-page .menu-item--tabs .tab-btn:last-child{border-bottom:none}.ventas-page .action-buttons{flex-direction:column}.ventas-page .table-container{overflow-x:auto}.ventas-page .ventas-table{font-size:.75rem}.ventas-page .ventas-table thead th{font-size:.7rem;padding:.75rem .5rem}.ventas-page .ventas-table thead th:first-child{padding-left:1rem}.ventas-page .ventas-table thead th:last-child{padding-right:1rem}.ventas-page .ventas-table tbody td{padding:.75rem .5rem}.ventas-page .ventas-table tbody td:first-child{padding-left:1rem}.ventas-page .ventas-table tbody td:last-child{padding-right:1rem}.ventas-page .ventas-table tbody td.orden-number-cell{font-size:.8rem}.ventas-page .ventas-table tbody td.total-cell{font-size:.85rem}.ventas-page .ventas-table tbody td.client-cell .client-name{font-size:.8rem}.ventas-page .ventas-table tbody td.client-cell .orden-title{font-size:.7rem}.ventas-page .ventas-table tbody td.actions-cell .table-actions{gap:.25rem}.ventas-page .ventas-table tbody td.actions-cell .table-actions .btn-action{font-size:.85rem;height:28px;width:28px}.tipo-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.tipo-badge.tipo-badge--orden{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 2px 8px #2196f34d;color:#fff}.tipo-badge.tipo-badge--cotizacion{background:linear-gradient(135deg,#4caf50,#2e7d32);box-shadow:0 2px 8px #4caf504d;color:#fff}.tipo-cell{padding:12px 8px;text-align:center}.vendedor-cell{color:#555;font-size:.9rem;padding:12px}.vendedor-cell .icon-inline{color:#7b2d8e;margin-right:6px;vertical-align:middle}}.btn-expand{align-items:center;background:#0000;border:2px solid #7b2d8e;border-radius:6px;color:#7b2d8e;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-expand:hover{background:#7b2d8e;box-shadow:0 4px 12px #7b2d8e4d;transform:scale(1.1)}.btn-expand:hover .expand-icon{color:#fff}.btn-expand .expand-icon{transition:color .2s ease}.orden-row.expanded .btn-expand{background:#7b2d8e}.orden-row.expanded .btn-expand .expand-icon,.orden-row.expanded .btn-expand svg{color:#fff!important}@media(max-width:480px){.ventas-page .orden-tabs .orden-tab{font-size:12px;padding:10px 12px}}.orden-subtabs{background:#f5f5f5;border-radius:8px;display:flex;gap:4px;justify-content:flex-start;margin-bottom:24px;padding:6px}.orden-subtabs .orden-subtab{align-items:center;background:#0000;border:none;border-radius:6px;color:#616161;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.3px;min-width:140px;padding:10px 24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.orden-subtabs .orden-subtab svg{font-size:16px;transition:all .2s ease}.orden-subtabs .orden-subtab:hover{background:#7b2d8e14;color:#7b2d8e}.orden-subtabs .orden-subtab:hover svg{transform:scale(1.1)}.orden-subtabs .orden-subtab.active{background:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014;color:#7b2d8e}.orden-subtabs .orden-subtab.active svg{color:#7b2d8e}.orden-subtabs .orden-subtab:first-child.active,.orden-subtabs .orden-subtab:first-child.active svg{color:#f59e0b}.orden-subtabs .orden-subtab:first-child:hover:not(.active){background:#f59e0b14;color:#f59e0b}.orden-subtabs .orden-subtab:nth-child(2).active,.orden-subtabs .orden-subtab:nth-child(2).active svg{color:#10b981}.orden-subtabs .orden-subtab:nth-child(2):hover:not(.active){background:#10b98114;color:#10b981}.orden-subtabs .orden-subtab:nth-child(3).active,.orden-subtabs .orden-subtab:nth-child(3).active svg{color:#3b82f6}.orden-subtabs .orden-subtab:nth-child(3):hover:not(.active){background:#3b82f614;color:#3b82f6}.orden-subtabs .orden-subtab:nth-child(4).active,.orden-subtabs .orden-subtab:nth-child(4).active svg{color:#059669}.orden-subtabs .orden-subtab:nth-child(4):hover:not(.active){background:#05966914;color:#059669}.filter-bar{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;box-shadow:inset 0 2px 4px #0000000f;display:flex;justify-content:center;margin-bottom:24px;padding:16px}.filter-bar .filter-wrapper{align-items:center;background:#fff;border-radius:20px;box-shadow:0 2px 8px #00000014;display:flex;gap:12px;padding:10px 20px}.filter-bar .filter-wrapper .filter-icon{color:#7b2d8e}.filter-bar .filter-wrapper label{color:#555;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-bar .filter-wrapper .filter-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:13px;font-weight:600;min-width:200px;outline:none;padding:8px 16px;transition:all .2s ease}.filter-bar .filter-wrapper .filter-select:hover{border-color:#7b2d8e}.filter-bar .filter-wrapper .filter-select:focus{border-color:#7b2d8e;box-shadow:0 0 0 3px #7b2d8e1a}.source-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.7rem;letter-spacing:.3px;padding:5px 12px;white-space:nowrap}.source-badge.source-badge--betel{background:linear-gradient(135deg,#7b2d8e,#9b59b6);box-shadow:0 2px 6px #7b2d8e4d;color:#fff}.source-badge.source-badge--naturaland{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px #10b9814d;color:#fff}.source-badge.source-badge--viernes{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 6px #f59e0b4d;color:#fff}.tipo-badge--preorden{background:linear-gradient(135deg,#7b2d8e,#9b59b6);box-shadow:0 2px 8px #7b2d8e4d;color:#fff}.ordenes-table-wrapper{box-shadow:0 4px 16px #00000014}.ordenes-table-wrapper .data-table--ordenes{border-collapse:collapse;width:100%}.ordenes-table-wrapper .data-table--ordenes thead{background:linear-gradient(135deg,#7b2d8e,#9b59b6)}.ordenes-table-wrapper .data-table--ordenes thead th{border-bottom:2px solid #ffffff1a;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.ordenes-table-wrapper .data-table--ordenes thead th.text-center{text-align:center}.ordenes-table-wrapper .data-table--ordenes tbody .orden-row{background:#fff;border-bottom:1px solid #f0f0f0;transition:all .2s ease}.ordenes-table-wrapper .data-table--ordenes tbody .orden-row:hover{background:#f8f4fc}.ordenes-table-wrapper .data-table--ordenes tbody .orden-row.expanded{background:#f1e8f7;border-bottom:none}.ordenes-table-wrapper .data-table--ordenes tbody .orden-row.expanded td{border-bottom:2px solid #7b2d8e}.ordenes-table-wrapper .data-table--ordenes tbody .orden-row td{padding:14px 16px;vertical-align:middle}.ordenes-table-wrapper .data-table--ordenes tbody .orden-row td.text-center{text-align:center}.ordenes-table-wrapper .data-table--ordenes tbody .orden-row td .expand-icon{color:#7b2d8e;transition:transform .2s ease}.ordenes-table-wrapper .data-table--ordenes tbody .orden-row td strong{color:#7b2d8e;font-size:.95rem}.ordenes-table-wrapper .data-table--ordenes tbody .orden-row td .items-badge{align-items:center;background:linear-gradient(135deg,#7b2d8e,#9b59b6);border-radius:12px;box-shadow:0 2px 6px #7b2d8e4d;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;justify-content:center;min-width:35px;padding:4px 12px}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row{background:linear-gradient(180deg,#faf8fc 0,#f5f3f7);border-bottom:2px solid #7b2d8e}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row td{padding:0}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content{animation:expandDetail .3s ease;padding:24px}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .loading-details{align-items:center;color:#7b2d8e;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .loading-details .loading-icon{animation:pulse 1.5s ease-in-out infinite;margin-bottom:12px}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .loading-details p{color:#666;font-size:.95rem;font-weight:500;margin:0}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 8px #0000000d;margin-bottom:16px;padding:18px}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section:last-child{margin-bottom:0}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .detail-section-title{align-items:center;border-bottom:2px solid #f0f0f0;color:#7b2d8e;display:flex;font-size:.95rem;font-weight:700;gap:10px;margin-bottom:16px;padding-bottom:12px}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .detail-section-title svg{color:#7b2d8e}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .detail-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .detail-grid .detail-field{display:flex;flex-direction:column;gap:4px}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .detail-grid .detail-field label{color:#888;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .detail-grid .detail-field span{color:#333;font-size:.9rem;font-weight:500}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .productos-detail-list{display:flex;flex-direction:column;gap:12px}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .productos-detail-list .producto-detail-item{background:#f8f9fa;border-left:3px solid #7b2d8e;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .productos-detail-list .producto-detail-item:hover{background:#f1e8f7;transform:translateX(4px)}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .productos-detail-list .producto-detail-item .item-number{align-items:center;background:linear-gradient(135deg,#7b2d8e,#9b59b6);border-radius:50%;box-shadow:0 2px 6px #7b2d8e4d;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:28px;justify-content:center;width:28px}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .productos-detail-list .producto-detail-item .item-info{flex:1 1}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .productos-detail-list .producto-detail-item .item-info .item-name{color:#333;font-size:.9rem;font-weight:600;margin-bottom:6px}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .productos-detail-list .producto-detail-item .item-info .item-meta{color:#666;display:flex;flex-wrap:wrap;font-size:.8rem;gap:12px}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .productos-detail-list .producto-detail-item .item-info .item-meta span{align-items:center;display:flex;gap:4px}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .productos-detail-list .producto-detail-item .item-info .item-meta span strong{color:#7b2d8e;font-weight:700}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .productos-detail-list .producto-detail-item .item-info .item-meta .item-status .item-status-icon{font-size:1.1rem}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .productos-detail-list .producto-detail-item .item-info .item-meta .item-status .item-status-icon.item-status-icon--available{color:#10b981}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .productos-detail-list .producto-detail-item .item-info .item-meta .item-status .item-status-icon.item-status-icon--unavailable{color:#ef4444}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .productos-detail-list .producto-detail-item .item-info .item-meta .item-status .item-status-icon.item-status-icon--pending{color:#f59e0b}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .productos-detail-list .producto-detail-item .item-info .item-meta .item-status .validation-icon{align-items:center;border-radius:6px;display:inline-flex;font-size:.85rem;font-weight:700;justify-content:center;min-width:28px;padding:4px 8px;text-align:center}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .productos-detail-list .producto-detail-item .item-info .item-meta .item-status .validation-icon.validation-icon--no-stock{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .productos-detail-list .producto-detail-item .item-info .item-meta .item-status .validation-icon.validation-icon--available{background:#10b9811a;border:1px solid #10b9814d;color:#10b981;font-size:1.1rem}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .productos-detail-list .producto-detail-item .item-info .item-meta .item-status .validation-icon.validation-icon--reviewed{background:#05966926;border:1px solid #05966966;color:#059669;font-size:1rem;font-weight:900}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .productos-detail-list .producto-detail-item .item-info .item-meta .item-status .validation-icon.validation-icon--pending{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#f59e0b;font-weight:900}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .productos-detail-list .producto-detail-item .item-info .item-notes{background:#fff;border-left:2px solid #f59e0b;border-radius:6px;margin-top:8px;padding:8px 12px}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .productos-detail-list .producto-detail-item .item-info .item-notes small{color:#666;font-size:.75rem;font-style:italic}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .no-items-text{color:#999;font-style:italic;padding:20px;text-align:center}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-row .orden-detail-content .detail-section .orden-notes-text{background:#fef3c7;border-left:3px solid #f59e0b;border-radius:6px;color:#666;font-size:.85rem;line-height:1.6;padding:12px}@keyframes expandDetail{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.orden-tabs{-webkit-overflow-scrolling:touch;gap:0;overflow-x:auto}.orden-tabs .orden-tab{flex-shrink:0;font-size:12px;min-width:auto;padding:14px 16px}.orden-tabs .orden-tab svg{font-size:16px}.orden-subtabs{flex-wrap:wrap;gap:6px;padding:6px}.orden-subtabs .orden-subtab{font-size:12px;min-width:calc(50% - 3px);padding:10px 16px}.filter-bar{padding:12px}.filter-bar .filter-wrapper{flex-direction:column;gap:8px;padding:12px 16px}.filter-bar .filter-wrapper .filter-select{min-width:auto;width:100%}.ordenes-table-wrapper .data-table--ordenes{font-size:.75rem}.ordenes-table-wrapper .data-table--ordenes thead th{font-size:.7rem;padding:10px 8px}.ordenes-table-wrapper .data-table--ordenes tbody .orden-row td{padding:10px 8px}.ordenes-table-wrapper .data-table--ordenes tbody .orden-row td strong{font-size:.85rem}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-content{padding:16px}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-content .detail-section{padding:12px}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-content .detail-section .detail-grid{grid-template-columns:1fr}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-content .detail-section .productos-detail-list .producto-detail-item{flex-direction:column;gap:8px}.ordenes-table-wrapper .data-table--ordenes tbody .orden-detail-content .detail-section .productos-detail-list .producto-detail-item .item-number{align-self:flex-start}}.ordenes-table-wrapper .data-table--ordenes thead th:first-child{padding:14px 8px;text-align:center;width:50px}.ordenes-table-wrapper .data-table--ordenes tbody .orden-row td:first-child{padding:14px 8px;text-align:center;vertical-align:middle;width:50px}.ventas-page .ordenes-table-wrapper .data-table--ordenes tbody .orden-row{position:static}.ventas-page .ordenes-table-wrapper .data-table--ordenes tbody .orden-row:before{display:none!important}.loading-details{align-items:center;color:#7b2d8e;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.loading-details .loading-icon{animation:pulse 1.5s ease-in-out infinite;margin-bottom:12px}.loading-details p{color:#666;font-size:.95rem;font-weight:600}.validation-icon{transition:all .2s ease!important;-webkit-user-select:none!important;user-select:none!important}.validation-icon.clickeable{cursor:pointer!important}.validation-icon.clickeable:hover{box-shadow:0 4px 12px #00000026!important;transform:scale(1.15)!important}.validation-icon.clickeable:active{transform:scale(.95)!important}.validation-icon.validation-icon--no-stock.clickeable:hover{background:#ef444433!important;border-color:#ef444480!important}.validation-icon.validation-icon--available.clickeable:hover{background:#10b98133!important;border-color:#10b98180!important}.validation-icon.validation-icon--reviewed.clickeable:hover{background:#05966940!important;border-color:#05966999!important}.validation-icon.validation-icon--pending.clickeable:hover{background:#f59e0b33!important;border-color:#f59e0b80!important}.quantity-confirm-input{-moz-appearance:textfield;background:#fff;border:2px solid #7b2d8e;border-radius:6px;color:#7b2d8e;font-size:.85rem;font-weight:700;margin-left:6px;padding:4px 8px;text-align:center;transition:all .2s ease;width:70px}.quantity-confirm-input:focus{box-shadow:0 0 0 3px #7b2d8e1a;outline:none}.quantity-confirm-input:focus,.quantity-confirm-input:hover{background:#faf8fc;border-color:#9b59b6}.quantity-confirm-input::-webkit-inner-spin-button,.quantity-confirm-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.btn-validar-todos{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.btn-validar-todos:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.btn-validar-todos:active:not(:disabled){transform:translateY(0)}.btn-validar-todos:disabled{cursor:not-allowed;opacity:.6}.btn-validar-todos svg{flex-shrink:0}.btn-fix-legacy{align-items:center;animation:pulse-warning 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.btn-fix-legacy:hover:not(:disabled){animation:none;background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}.btn-fix-legacy:active:not(:disabled){transform:translateY(0)}.btn-fix-legacy:disabled{animation:none;cursor:not-allowed;opacity:.6}.btn-fix-legacy svg{flex-shrink:0}@keyframes pulse-warning{0%,to{box-shadow:0 2px 8px #f59e0b4d}50%{box-shadow:0 2px 16px #f59e0b99}}.btn-estado{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 6px #0000001a;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.btn-estado:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn-estado:active:not(:disabled){transform:translateY(0)}.btn-estado:disabled{cursor:not-allowed;opacity:.6}.btn-estado.btn-estado--liberar{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-estado.btn-estado--liberar:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.btn-estado.btn-estado--proceso{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-estado.btn-estado--proceso:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8)}.btn-estado.btn-estado--completar{background:linear-gradient(135deg,#059669,#047857);color:#fff}.btn-estado.btn-estado--completar:hover:not(:disabled){background:linear-gradient(135deg,#047857,#065f46)}.btn-estado.btn-estado--detener{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;min-width:auto;padding:8px 10px}.btn-estado.btn-estado--detener:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309)}.btn-estado.btn-estado--convertir{background:linear-gradient(135deg,#7b2d8e,#5a1f6a);color:#fff;font-weight:600}.btn-estado.btn-estado--convertir:hover:not(:disabled){background:linear-gradient(135deg,#5a1f6a,#4a1958);box-shadow:0 4px 12px #7b2d8e4d;transform:translateY(-1px)}.acciones-grupo{align-items:center;display:flex;gap:8px;justify-content:center}.estado-final{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #6ee7b7;border-radius:8px;color:#065f46;display:inline-flex;font-size:.8rem;font-weight:700;gap:6px;padding:8px 14px}.estado-final .icon-completada{color:#059669}@media(max-width:768px){.btn-estado{font-size:.7rem;gap:4px;padding:6px 10px}.btn-estado svg{height:14px;width:14px}.acciones-grupo{flex-direction:column;gap:6px}.estado-final{font-size:.7rem;padding:6px 10px}}.toast{align-items:center;animation:slideIn .3s cubic-bezier(.4,0,.2,1) forwards;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;gap:12px;max-width:500px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;transform:translateX(calc(100% + 40px));transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:10000}.toast--visible{transform:translateX(0)}.toast__icon{align-items:center;display:flex;flex-shrink:0;font-size:24px}.toast__message{flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.toast__close{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:background-color .2s}.toast__close:hover{background-color:#0000001a}.toast__close svg{font-size:18px}.toast--error{background:#fee2e2;border-left:4px solid #dc2626;color:#991b1b}.toast--error .toast__icon{color:#dc2626}.toast--error .toast__close:hover{background-color:#dc26261a}.toast--success{background:#d1fae5;border-left:4px solid #10b981;color:#065f46}.toast--success .toast__icon{color:#10b981}.toast--success .toast__close:hover{background-color:#10b9811a}.toast--warning{background:#fef3c7;border-left:4px solid #f59e0b;color:#92400e}.toast--warning .toast__icon{color:#f59e0b}.toast--warning .toast__close:hover{background-color:#f59e0b1a}@keyframes slideIn{0%{opacity:0;transform:translateX(calc(100% + 40px))}to{opacity:1;transform:translateX(0)}}@media(max-width:768px){.toast{left:10px;max-width:none;min-width:auto;right:10px;top:10px}}.preorder-form-page{margin:0 auto;max-width:1400px;padding:20px}.preorder-form{display:flex;flex-direction:column;gap:24px}.preorder-header-card{background:#fff;border:2px solid #7b2d8e;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:32px}.preorder-source-badge{align-items:center;background:linear-gradient(135deg,#7b2d8e,#9b59b6);border-radius:25px;box-shadow:0 4px 12px #7b2d8e4d;color:#fff;display:inline-flex;font-size:16px;font-weight:700;gap:10px;margin-bottom:24px;padding:12px 24px}.source-icon{font-size:24px}.source-label{letter-spacing:.5px}.general-notes-box{background:#fafafa;border:2px solid #e0e0e0;border-radius:10px;margin-bottom:24px;margin-top:24px;padding:20px}.general-notes-header{color:#2c3e50;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.general-notes-content{display:flex;flex-direction:column;gap:16px}.general-notes-section strong{color:#7b2d8e;display:block;font-size:13px;font-weight:700;margin-bottom:8px}.general-notes-section ul{list-style:none;margin:0;padding-left:20px}.general-notes-section ul li{color:#555;font-size:13px;line-height:1.8;padding-left:12px;position:relative}.general-notes-section ul li:before{color:#7b2d8e;content:"→";font-weight:700;left:0;position:absolute}.general-notes-checks{border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:8px;padding-top:12px}.check-item{align-items:center;color:#555;display:flex;font-size:13px;gap:8px}.check-item:before{color:#10b981;content:"☑";font-size:16px}.preorder-header-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.preorder-field{display:flex;flex-direction:column;gap:8px}.preorder-field--full{grid-column:1/-1}.preorder-label{color:#2c3e50;font-size:14px;font-weight:600;margin-bottom:4px}.preorder-input{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s ease}.preorder-input:focus{border-color:#7b2d8e;box-shadow:0 0 0 3px #7b2d8e1a;outline:none}.preorder-input--error{border-color:#e74c3c}.preorder-input--error:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.preorder-textarea{min-height:60px;resize:vertical}.preorder-error{color:#e74c3c;font-size:13px;font-weight:500}.status-buttons{display:flex;gap:12px}.status-btn{align-items:center;border:2px solid #e0e0e0;color:#666;display:flex;font-size:14px;gap:8px;justify-content:center;padding:12px 20px}.status-btn:hover{background:#7b2d8e0d;border-color:#7b2d8e;color:#7b2d8e}.status-btn--active{color:#fff}.status-btn--active.status-btn--released{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 4px 12px #10b9814d}.status-btn--active.status-btn--stopped{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b4d}.product-search-card{box-shadow:0 2px 8px #00000014;padding:32px}.product-search-header{border-bottom:2px solid #f0f0f0;gap:16px;margin-bottom:24px;padding-bottom:20px}.search-header-icon{align-items:center;background:linear-gradient(135deg,#7b2d8e,#9b59b6);border-radius:12px;box-shadow:0 4px 12px #7b2d8e4d;display:flex;height:56px;justify-content:center;width:56px}.search-header-icon svg{color:#fff}.search-header-content{flex:1 1}.search-header-title{color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:4px}.search-header-subtitle{color:#7f8c8d;font-size:14px}.product-search-body{display:flex;flex-direction:column;gap:20px}.search-combo-icon-left{color:#7f8c8d;left:16px}.search-combo-input{border:2px solid #e0e0e0;font-size:15px;padding:14px 16px 14px 48px}.search-combo-input:focus{border-color:#7b2d8e;box-shadow:0 0 0 3px #7b2d8e1a}.search-combo-loading{right:16px}.product-dropdown{border:2px solid #e0e0e0;box-shadow:0 8px 24px #0000001f;top:calc(100% + 8px)}.product-dropdown-item{border-bottom:1px solid #f0f0f0;gap:12px;padding:14px 16px}.product-dropdown-item:hover{background:#7b2d8e0d}.product-dropdown-icon{background:linear-gradient(135deg,#f5f5f5,#e8e8e8)}.product-dropdown-icon svg{color:#7b2d8e}.product-dropdown-name{color:#2c3e50;font-size:14px;margin-bottom:4px}.product-dropdown-meta{color:#7f8c8d;font-size:13px;gap:8px}.meta-code{color:#7b2d8e;font-weight:500}.meta-separator{color:#d0d0d0}.selected-product-card{align-items:center;background:linear-gradient(135deg,#faf5fb,#fff);border:2px solid #7b2d8e;gap:20px;padding:20px}.selected-product-info{flex:1 1;gap:14px}.selected-product-badge{align-items:center;background:linear-gradient(135deg,#7b2d8e,#9b59b6);border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.selected-product-badge svg{color:#fff}.selected-product-details{flex:1 1}.selected-product-name{color:#2c3e50;font-size:16px;font-weight:700;margin-bottom:6px}.selected-product-meta{align-items:center;color:#7f8c8d;display:flex;font-size:13px;gap:10px}.meta-item{font-weight:500}.selected-product-controls{gap:12px}.control-group{gap:6px}.control-label{color:#2c3e50;font-size:13px;font-weight:600}.control-input{border:2px solid #e0e0e0;font-size:14px;padding:10px 14px;transition:all .2s ease;width:100px}.control-input:focus{border-color:#7b2d8e;box-shadow:0 0 0 3px #7b2d8e1a}.btn--add-product{padding:10px 20px;white-space:nowrap}.preorder-products-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:32px}.products-card-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:16px;margin-bottom:24px;padding-bottom:20px}.products-header-icon{align-items:center;background:linear-gradient(135deg,#7b2d8e,#9b59b6);border-radius:12px;box-shadow:0 4px 12px #7b2d8e4d;display:flex;height:56px;justify-content:center;width:56px}.products-header-icon svg{color:#fff}.products-header-content{flex:1 1}.products-header-title{color:#2c3e50;font-size:20px;font-weight:700;margin-bottom:4px}.products-header-subtitle{color:#7f8c8d;font-size:14px}.products-list{display:flex;flex-direction:column;gap:12px}.product-item{align-items:center;background:#fafafa;border:2px solid #e8e8e8;border-radius:10px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.product-item:hover{background:#7b2d8e05;border-color:#7b2d8e}.product-item-number{align-items:center;background:linear-gradient(135deg,#7b2d8e,#9b59b6);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.product-item-info{flex:1 1}.product-item-name{color:#2c3e50;font-size:15px;font-weight:600;margin-bottom:4px}.product-item-code{color:#7f8c8d;font-size:13px;font-weight:500}.product-item-quantity{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;display:flex;gap:8px;padding:8px 16px}.quantity-label{color:#7f8c8d;font-size:13px;font-weight:500}.quantity-value{color:#7b2d8e;font-size:15px;font-weight:700}.product-item-delete{align-items:center;background:#fee;border:2px solid #fcc;border-radius:8px;color:#e74c3c;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.product-item-delete:hover{background:#e74c3c;border-color:#e74c3c;color:#fff;transform:scale(1.05)}.products-error{background:#fee;border:2px solid #fcc;border-radius:8px;color:#e74c3c;font-size:14px;font-weight:500;margin-top:16px;padding:12px 16px}.preorder-empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:60px 32px;text-align:center}.empty-state-icon{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto 24px;width:120px}.empty-state-icon svg{color:#bbb}.empty-state-title{color:#2c3e50;font-size:20px;margin-bottom:12px}.empty-state-message{color:#7f8c8d;font-size:15px;line-height:1.6;margin:0 auto;max-width:500px}@media(max-width:968px){.general-notes-box{padding:16px}.general-notes-section ul li{font-size:12px}.preorder-header-grid{grid-template-columns:1fr}.status-buttons{flex-direction:column}.selected-product-card,.selected-product-controls{align-items:stretch;flex-direction:column}.selected-product-controls .control-input{width:100%}.product-item{flex-wrap:wrap}.product-item-quantity{flex:1 1;order:3}.product-item-delete{order:4}}.ordenes-page{margin:0 auto;max-width:1600px;padding:2rem}.page-title{color:var(--color-gray-800);font-size:2rem;font-weight:700;margin:0 0 1.5rem}.page-header-with-menu{margin-bottom:1.5rem}.action-section--primary{align-items:center;display:flex;gap:.75rem}@media(max-width:768px){.action-section--primary{width:100%}}.action-separator{background:var(--color-gray-300);height:32px;margin:0;width:1px}@media(max-width:768px){.action-separator{display:none}}.action-section--center{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:0}@media(max-width:768px){.action-section--center{flex-direction:column;gap:.75rem;width:100%}}.action-section--secondary{align-items:center;display:flex;gap:.75rem}@media(max-width:768px){.action-section--secondary{justify-content:space-between;width:100%}}.btn-action-primary{align-items:center;background:var(--color-primary);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.btn-action-primary svg{font-size:1.1rem}.btn-action-primary:hover{background:var(--color-primary-dark);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.btn-action-primary:active{transform:translateY(0)}.btn-action-primary:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:768px){.btn-action-primary{justify-content:center;width:100%}}.search-input-wrapper{flex:1 1;min-width:250px;position:relative}@media(max-width:768px){.search-input-wrapper{min-width:0;width:100%}}.search-input-icon{color:var(--color-gray-500);font-size:1.1rem;left:.875rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:var(--color-gray-50);border:2px solid var(--color-gray-300);border-radius:8px;font-size:.9rem;padding:.75rem 1rem .75rem 2.75rem;transition:all .2s ease;width:100%}.search-input::placeholder{color:var(--color-gray-500)}.search-input:hover{background:#fff;border-color:var(--color-gray-400)}.search-input:focus{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.filter-wrapper{align-items:center;display:flex;gap:.5rem;position:relative}@media(max-width:768px){.filter-wrapper{width:100%}}.filter-icon{color:var(--color-gray-600);font-size:1rem}.filter-select{background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236B7280' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-size:12px;border:2px solid var(--color-gray-300);border-radius:8px;font-size:.9rem;font-weight:600;padding:.75rem 2.5rem .75rem 1rem;transition:all .2s ease}@media(max-width:768px){.filter-select{width:100%}}.filter-select:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.btn-action-secondary{align-items:center;background:#fff;border:2px solid var(--color-gray-300);border-radius:8px;color:var(--color-gray-700);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease;white-space:nowrap}.btn-action-secondary svg{font-size:1rem}.btn-action-secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-gray-900)}.btn-action-secondary:active{background:var(--color-gray-100)}.btn-action-secondary:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:768px){.btn-action-secondary{flex:1 1;justify-content:center}}.view-mode-group{background:var(--color-gray-100);border-radius:8px;display:inline-flex;gap:.25rem;padding:.25rem}.view-mode-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--color-gray-600);cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.view-mode-btn svg{font-size:1.1rem}.view-mode-btn:hover{background:var(--color-gray-200);color:var(--color-gray-800)}.view-mode-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:var(--color-primary)}.view-mode-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.inventory-tabs{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem}.inventory-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--color-gray-600);cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.inventory-tab svg{font-size:1.1rem}.inventory-tab:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.inventory-tab.active{background:var(--color-primary);color:#fff}.ordenes-table-wrapper{border-radius:8px;box-shadow:0 2px 8px #00000014}.data-table--ordenes{border-collapse:collapse;width:100%}.data-table--ordenes thead{background:#f8f9fa}.data-table--ordenes thead th{border-bottom:2px solid #dee2e6;color:#495057;font-size:12px;font-weight:700;letter-spacing:.5px;padding:15px 12px;text-align:left;text-transform:uppercase}.data-table--ordenes thead th.text-center{text-align:center}.data-table--ordenes thead th.text-right{text-align:right}.data-table--ordenes tbody{background:#fff}.data-table--ordenes tbody tr.orden-row{background:#fff;border-bottom:1px solid #dee2e6;transition:all .2s ease}.data-table--ordenes tbody tr.orden-row:hover{background:#f8f9fa}.data-table--ordenes tbody tr.orden-row.expanded{background:#e8f4f8;border-left:4px solid var(--color-primary)}.data-table--ordenes tbody tr.orden-row td{color:#212529;font-size:14px;padding:12px}.data-table--ordenes tbody tr.orden-row td strong{color:#212529;font-weight:600}.data-table--ordenes tbody tr.orden-detail-row{background:#f8f9fa;border-bottom:2px solid #dee2e6}.data-table--ordenes tbody tr.orden-detail-row td{padding:0}.expand-icon{color:var(--color-primary)}.items-badge{background:var(--color-gray-200);border-radius:12px;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.orden-detail-content{padding:2rem}.detail-section-title{font-size:1rem;gap:.5rem}.detail-field label{font-size:.8rem}.productos-detail-list{display:flex;flex-direction:column;gap:.75rem}.producto-detail-item{background:#fff;border-left:4px solid var(--color-primary);border-radius:6px;box-shadow:0 1px 3px #00000014;display:flex;gap:1rem;padding:1rem}.item-number{font-size:.85rem;height:28px;width:28px}.item-info{flex:1 1}.item-name strong{font-size:.95rem}.item-meta{gap:1rem}.orden-notes-text{border-left:4px solid var(--color-info);color:var(--color-gray-700);font-size:.95rem;line-height:1.6;padding:1rem}.no-items-text,.orden-notes-text{background:#fff;border-radius:6px;margin:0}.no-items-text{color:var(--color-gray-500);font-style:italic;padding:1.5rem;text-align:center}.empty-state{background:#fff;border-radius:8px}.empty-state-icon{color:var(--color-gray-400);margin-bottom:1.5rem}.empty-state-title{color:var(--color-gray-700);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.empty-state-description{color:var(--color-gray-500);font-size:1rem;margin:0 0 2rem}.ordenes-source-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:3rem}.source-card{border-radius:20px;box-shadow:0 4px 20px #0000001a;cursor:pointer;height:280px;overflow:hidden;position:relative;transition:all .3s ease}.source-card:hover{box-shadow:0 12px 40px #0003;transform:translateY(-8px)}.source-card:hover .source-card__overlay{opacity:.85}.source-card--purple-pink{background:linear-gradient(135deg,#4a3a7d,#8b5a9f 50%,#d4779b)}.source-card--blue-purple{background:linear-gradient(135deg,#2b3e7d,#4a5a9f 50%,#6b5a9f)}.source-card--pink-purple{background:linear-gradient(135deg,#8b5a9f,#a86fa9 50%,#d4779b)}.source-card__content{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;position:relative;text-align:center;z-index:2}.source-card__icon{margin-bottom:1.5rem;opacity:.9}.source-card__icon svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.source-card__title{font-size:1.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;text-shadow:0 2px 4px #0003;text-transform:uppercase}.source-card__description{font-size:.95rem;font-weight:400;opacity:.9}.source-card__overlay{background:linear-gradient(180deg,#0000001a,#0000004d);bottom:0;left:0;opacity:.6;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.ordenes-accordion-container{margin-top:2rem}.status-filters{display:flex;gap:1rem;margin-bottom:2rem;padding:0 1rem}.status-filters .filter-btn{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.status-filters .filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.status-filters .filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ordenes-accordion-table{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.accordion-table-header{grid-gap:1rem;background:var(--color-gray-100);border-bottom:2px solid var(--color-gray-200);color:var(--color-gray-700);display:grid;font-size:.85rem;font-weight:700;gap:1rem;grid-template-columns:50px 120px 150px 1fr 120px 130px 100px 120px;letter-spacing:.5px;padding:1rem 1.5rem;text-transform:uppercase}.accordion-header-cell{align-items:center;display:flex}.accordion-row-container{border-bottom:1px solid var(--color-gray-200)}.accordion-row-container:last-child{border-bottom:none}.accordion-row{grid-gap:1rem;background:#fff;cursor:pointer;display:grid;gap:1rem;grid-template-columns:50px 120px 150px 1fr 120px 130px 100px 120px;padding:1rem 1.5rem;transition:all .2s ease}.accordion-row:hover{background:var(--color-gray-50)}.accordion-row.expanded{background:var(--color-primary-light);border-left:4px solid var(--color-primary)}.accordion-cell{align-items:center;display:flex;font-size:.95rem}.accordion-cell.cell-expand{color:var(--color-primary);justify-content:center}.accordion-cell.cell-number{color:var(--color-primary);font-weight:700}.accordion-cell.cell-client{font-weight:500}.accordion-cell.cell-date{color:var(--color-gray-600)}.accordion-cell.cell-items .items-count{background:var(--color-gray-100);border-radius:12px;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.accordion-cell.cell-actions{justify-content:flex-end}.accordion-cell.cell-actions button{align-items:center;display:flex;gap:.5rem}.status-badge{border-radius:16px;display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.35rem .85rem}.status-badge--liberada{background:#d4edda;color:#155724}.status-badge--detenida{background:#fff3cd;color:#856404}.status-badge--pending{background:#d1ecf1;color:#0c5460}.source-badge{border-radius:16px;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.35rem .85rem;text-transform:uppercase}.source-badge--betel{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.source-badge--naturaland{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.source-badge--viernes{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.accordion-detail{animation:slideDown .3s ease;background:var(--color-gray-50);border-top:1px solid var(--color-gray-200);padding:2rem 1.5rem}.detail-content{max-width:1200px}.detail-section{margin-bottom:2rem}.detail-section:last-child{margin-bottom:0}.detail-section-title{align-items:center;border-bottom:2px solid var(--color-gray-300);color:var(--color-gray-800);display:flex;font-size:1.15rem;font-weight:700;gap:.75rem;margin-bottom:1rem;padding-bottom:.5rem}.detail-section-title svg{color:var(--color-primary)}.detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-field{display:flex;flex-direction:column;gap:.25rem}.detail-field label{color:var(--color-gray-600);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-field span{color:var(--color-gray-800);font-size:.95rem;font-weight:500}.detail-items-list{display:flex;flex-direction:column;gap:1rem}.detail-item{background:#fff;border-left:4px solid var(--color-primary);border-radius:8px;box-shadow:0 1px 3px #00000014;display:flex;gap:1rem;padding:1rem}.item-number{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.item-content{flex:1 1}.item-name{color:var(--color-gray-800);margin-bottom:.5rem}.item-name strong{font-size:1rem}.item-meta{color:var(--color-gray-600);display:flex;font-size:.85rem;gap:1.5rem}.item-meta span{align-items:center;display:flex;gap:.25rem}.item-notes{border-top:1px solid var(--color-gray-200);margin-top:.5rem;padding-top:.5rem}.item-notes small{color:var(--color-gray-600);font-style:italic}.item-status-icon--available{color:#28a745}.item-status-icon--unavailable{color:#ffc107}.item-status-icon--pending{color:#6c757d}.detail-notes{background:#fff;border-left:4px solid var(--color-info);border-radius:8px;color:var(--color-gray-700);font-size:.95rem;line-height:1.6;padding:1rem}.no-items{color:var(--color-gray-500)}.orden-formulario-page{margin:0 auto;max-width:1200px;padding:1.5rem}.source-pills{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}.source-pill{background:#fff;border:2px solid #8b5a9f;border-radius:50px;color:#8b5a9f;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1.25rem;transition:all .2s ease}.source-pill:hover{background:#8b5a9f;color:#fff;transform:translateY(-2px)}.orden-tabs{display:flex;gap:.5rem;margin-bottom:2rem}.orden-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:.95rem;font-weight:600;padding:1rem 2rem;transition:all .2s ease}.orden-tab:hover{border-bottom-color:#d1d5db;color:#374151}.orden-tab.active{border-bottom-color:#8b5a9f;color:#8b5a9f}.notas-generales-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.notas-title{color:#374151;font-size:1rem;font-weight:700;margin-bottom:1rem}.notas-content h4{color:#4b5563;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.notas-content ul{color:#6b7280;font-size:.85rem;line-height:1.6;margin:.5rem 0;padding-left:1.5rem}.notas-content ul.checklist{list-style:none;padding-left:0}.notas-content ul.checklist li{padding:.25rem 0}.orden-form-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.orden-form{display:flex;flex-direction:column;gap:1.5rem}.orden-info-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field--full{grid-column:1/-1}.form-label{align-items:center;color:#374151;display:flex;font-size:.9rem;gap:.5rem}.form-label svg{color:#8b5a9f}.form-input,.form-textarea{border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease}.form-input:focus,.form-textarea:focus{border-color:#8b5a9f;box-shadow:0 0 0 3px #8b5a9f1a}.status-toggle{display:flex;gap:.5rem}.status-btn{background:#fff;border:2px solid #d1d5db;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem;transition:all .2s ease}.status-btn:hover{border-color:#9ca3af}.status-btn.active.liberada{background:#059669;border-color:#059669;color:#fff}.status-btn.active.detenida{background:#f59e0b;border-color:#f59e0b;color:#fff}.product-search-section{margin-top:2rem}.section-title{align-items:center;color:#374151;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.section-title svg{color:#8b5a9f}.search-combo-wrapper{margin-bottom:1rem}.search-combo-icon-left{color:#9ca3af;z-index:2}.search-combo-input{border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;padding:.875rem 1rem .875rem 3rem;transition:all .2s ease}.search-combo-input:focus{border-color:#8b5a9f;box-shadow:0 0 0 3px #8b5a9f1a}.product-dropdown{border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 25px #0000001a;margin-top:.5rem;max-height:300px;top:100%;z-index:100}.product-dropdown-item{border-bottom:1px solid #f3f4f6;transition:background .15s ease}.product-dropdown-item:hover{background:#f9fafb}.product-dropdown-info{display:flex;flex-direction:column;gap:.25rem}.product-dropdown-name{color:#374151;font-size:.95rem}.product-dropdown-meta{color:#6b7280;font-size:.85rem;gap:1rem}.product-dropdown-meta span:not(:last-child):after{color:#d1d5db;content:"•";margin-left:1rem}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{color:#6b7280;font-size:.85rem;font-weight:600}.control-input{border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;padding:.75rem 1rem;width:120px}.control-input:focus{border-color:#8b5a9f;outline:none}.productos-list{border:1px solid #e5e7eb;border-radius:10px;margin-top:1.5rem;overflow:hidden}.producto-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:1rem;padding:1rem;transition:background .15s ease}.producto-item:last-child{border-bottom:none}.producto-item:hover{background:#f9fafb}.producto-item-number{color:#6b7280;font-size:.9rem;font-weight:700;min-width:30px}.producto-item-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.producto-item-main{align-items:center;display:flex;gap:.5rem}.producto-name{color:#374151;font-size:.95rem;font-weight:600}.producto-emoji{font-size:1.1rem}.producto-item-code{color:#6b7280;font-size:.85rem}.producto-item-actions{display:flex;gap:.5rem}.btn-icon-delete,.btn-icon-status{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.btn-icon-delete:hover,.btn-icon-status:hover{background:#f3f4f6}.item-status-icon{font-size:1.25rem}.item-status-icon--available{color:#059669}.item-status-icon--unavailable{color:#f59e0b}.item-status-icon--pending{color:#6b7280}.btn-icon-delete{color:#ef4444}.btn-icon-delete:hover{background:#fee2e2}.ordenes-list-container{padding:2rem}.ordenes-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.ordenes-table{border-collapse:collapse;width:100%}.ordenes-table thead{background:linear-gradient(135deg,#8b5a9f,#6b4a7f);color:#fff}.ordenes-table thead tr th{font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.ordenes-table thead tr th:first-child{padding-left:1.5rem}.ordenes-table thead tr th:last-child{padding-right:1.5rem}.ordenes-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .15s ease}.ordenes-table tbody tr:hover{background:#f9fafb}.ordenes-table tbody tr:last-child{border-bottom:none}.ordenes-table tbody tr td{color:#374151;font-size:.9rem;padding:1rem;vertical-align:middle}.ordenes-table tbody tr td:first-child{padding-left:1.5rem}.ordenes-table tbody tr td:last-child{padding-right:1.5rem}.orden-row{position:relative}.orden-row:before{bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.orden-row--liberada:before{background:#059669}.orden-row--liberada .orden-number{color:#059669;font-weight:700}.orden-row--detenida:before{background:#f59e0b}.orden-row--detenida .orden-number{color:#f59e0b;font-weight:700}.orden-row--clickable{cursor:pointer}.orden-row--clickable:hover{background:#f3f4f6!important;box-shadow:0 2px 4px #0000000d;transform:scale(1.001)}.orden-row--clickable:active{transform:scale(.999)}.orden-number{font-size:.95rem;font-weight:700}.orden-client{color:#1f2937;font-weight:600}.orden-date,.orden-items{color:#6b7280;font-size:.85rem}.orden-items{text-align:center}.orden-captured,.orden-reviewed{color:#6b7280;font-size:.85rem}.orden-notes-cell{max-width:200px}.orden-notes-cell .notes-preview{color:#6b7280;cursor:help;display:block;font-size:.85rem;font-style:italic}.orden-notes-cell .notes-preview:hover{color:#374151}.form-actions{border-top:1px solid #e5e7eb;padding-top:2rem}.btn{font-weight:600;padding:.875rem 1.5rem}.btn--outline{background:#fff;border:2px solid #d1d5db;color:#6b7280}.btn--outline:hover{border-color:#9ca3af;color:#374151}.btn--primary{background:#8b5a9f;border:2px solid #8b5a9f}.btn--primary:hover{background:#7a4a8f;border-color:#7a4a8f}.btn--primary:disabled{opacity:.6}.btn--large{font-size:1rem}.btn--ghost{color:#6b7280;padding:.5rem}.btn--ghost:hover{background:#f3f4f6;color:#374151}.btn--ghost.header-back{margin-right:1rem}.empty-state{color:#9ca3af;padding:4rem 2rem}.empty-state svg{margin-bottom:1rem}.empty-state p{font-size:1rem}.alert{align-items:center;gap:.75rem;padding:1rem 1.5rem}.alert--danger{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.alert--success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.orden-detalle-page{margin:0 auto;max-width:1200px;padding:1.5rem}.orden-detalle-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.form-value{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:.95rem;font-weight:500;padding:.75rem 1rem}.product-confirmation-section{margin-top:2rem}.producto-item-detalle{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:.5rem}.producto-item-detalle:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.producto-stock-info{color:#059669;font-size:.8rem;font-weight:500;margin-top:.25rem}.no-items{color:#9ca3af;font-style:italic;padding:2rem;text-align:center}.productos-detalle-table-wrapper{border:1px solid #e5e7eb;border-radius:12px;margin-top:1rem;overflow:hidden}.productos-detalle-table{border-collapse:collapse;width:100%}.productos-detalle-table thead{background:linear-gradient(135deg,#8b5a9f,#6b4a7f);color:#fff}.productos-detalle-table thead th{font-size:.8rem;font-weight:700;letter-spacing:.3px;padding:1rem .75rem;text-align:left;text-transform:uppercase;white-space:nowrap}.productos-detalle-table thead th.text-center{text-align:center}.productos-detalle-table tbody tr{background:#fff;border-bottom:1px solid #e5e7eb;transition:background .15s ease}.productos-detalle-table tbody tr:hover{background:#f9fafb}.productos-detalle-table tbody tr:last-child{border-bottom:none}.productos-detalle-table tbody tr td{color:#374151;font-size:.875rem;padding:.875rem .75rem;vertical-align:middle}.productos-detalle-table tbody tr td.text-center{text-align:center}.td-number{color:#6b7280;font-weight:700;width:40px}.td-producto{min-width:200px}.producto-info{align-items:center;display:flex;gap:.5rem}.producto-name-table{color:#1f2937;font-weight:600}.producto-emoji-inline{font-size:1.1rem}.td-codigo{color:#6b7280;font-family:Courier New,monospace;font-size:.8rem}.cantidad-badge{background:#e0e7ff;color:#3730a3;font-weight:600}.cantidad-badge,.stock-badge{border-radius:6px;display:inline-block;font-size:.875rem;padding:.25rem .75rem}.stock-badge{font-weight:700}.stock-badge--success{background:#d1fae5;color:#065f46}.stock-badge--warning{background:#fed7aa;color:#92400e}.faltante-badge{background:#fee2e2;border-radius:6px;color:#991b1b;display:inline-block;font-size:.875rem;font-weight:700;padding:.25rem .75rem}.faltante-ok{color:#9ca3af;font-weight:400}.cantidad-confirmada-input{border:2px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:600;padding:.5rem;text-align:center;transition:all .2s ease;width:70px}.cantidad-confirmada-input:focus{border-color:#8b5a9f;box-shadow:0 0 0 3px #8b5a9f1a;outline:none}.cantidad-confirmada-input:hover{border-color:#9ca3af}.btn-icon-status-table{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem;transition:all .2s ease}.btn-icon-status-table:hover{background:#f3f4f6}.btn-icon-status-table .item-status-icon{font-size:1.5rem}.stock-alert-box{align-items:center;background:#fef3c7;border-top:2px solid #fbbf24;color:#92400e;display:flex;gap:1rem;padding:1rem 1.5rem}.stock-alert-box svg{color:#f59e0b;flex-shrink:0}.stock-alert-box .alert-content{flex:1 1;font-size:.9rem}.stock-alert-box .alert-content strong{color:#78350f;font-weight:700}@media(max-width:768px){.orden-info-grid,.ordenes-source-grid{grid-template-columns:1fr}.orden-tabs{flex-direction:column}.orden-tab{text-align:center;width:100%}.form-actions{flex-direction:column}.form-actions .btn{justify-content:center;width:100%}}.reportes-menu-page{background:#f5f5f5;min-height:100vh;padding:40px 50px}.reportes-menu-header{margin-bottom:50px}.reportes-menu-title{color:#4a3470;font-size:42px;font-weight:700;letter-spacing:.8px;line-height:1.2;margin:0 0 15px;text-transform:uppercase}.reportes-menu-subtitle{color:#6b7280;font-size:16px;line-height:1.6;margin:0;max-width:800px}.reportes-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));max-width:1400px}.report-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;cursor:pointer;display:flex;flex-direction:column;gap:20px;min-height:240px;overflow:hidden;padding:35px 30px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.report-card:before{content:"";height:5px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.report-card--purple:before{background:linear-gradient(135deg,#4a3470,#a855f7)}.report-card--blue:before{background:linear-gradient(135deg,#3b4d9e,#5b6bc7)}.report-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.report-card:hover:before{opacity:1}.report-card:hover .report-card-icon{transform:scale(1.15) rotate(5deg)}.report-card:hover .report-card-arrow{opacity:1;transform:translateX(8px)}.report-card:hover.report-card--purple .report-card-icon{background:linear-gradient(135deg,#4a3470,#a855f7);color:#fff}.report-card:hover.report-card--blue .report-card-icon{background:linear-gradient(135deg,#3b4d9e,#5b6bc7);color:#fff}.report-card-icon{align-items:center;border-radius:16px;display:flex;flex-shrink:0;font-size:32px;height:70px;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:70px}.report-card--purple .report-card-icon{background:#a855f71a;color:#a855f7}.report-card--blue .report-card-icon{background:#5b6bc71a;color:#5b6bc7}.report-card-content{display:flex;flex:1 1;flex-direction:column;gap:12px}.report-card-title{font-size:24px;font-weight:700;letter-spacing:.5px;line-height:1.2;margin:0}.report-card--purple .report-card-title{color:#4a3470}.report-card--blue .report-card-title{color:#3b4d9e}.report-card-description{color:#6b7280;font-size:14px;line-height:1.6;margin:0}.report-card-arrow{align-items:center;border-radius:50%;bottom:30px;display:flex;height:40px;justify-content:center;opacity:.5;position:absolute;right:30px;transition:all .4s cubic-bezier(.4,0,.2,1);width:40px}.report-card--purple .report-card-arrow{color:#a855f7}.report-card--blue .report-card-arrow{color:#5b6bc7}.report-card-arrow svg{height:24px;width:24px}@media(max-width:1200px){.reportes-menu-page{padding:30px}.reportes-grid{gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.reportes-menu-title{font-size:36px}}@media(max-width:768px){.reportes-menu-page{padding:25px 20px}.reportes-grid{gap:20px;grid-template-columns:1fr}.reportes-menu-title{font-size:28px}.reportes-menu-subtitle{font-size:14px}.report-card{min-height:200px;padding:25px 20px}.report-card-icon{font-size:28px;height:60px;width:60px}.report-card-title{font-size:20px}.report-card-description{font-size:13px}}.reportes-detail-page{background:#f5f5f5;min-height:100vh;padding:30px 40px}.reportes-detail-header{margin-bottom:30px}.reportes-detail-header .header-top{align-items:center;display:flex;gap:20px;margin-bottom:20px}.reportes-detail-header .header-actions{display:flex;gap:15px;justify-content:flex-end}.btn-back{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;transition:color .2s ease}.btn-back:hover{color:#a855f7}.btn-back svg{font-size:20px}.reportes-detail-title{color:#4a3470;font-size:36px;letter-spacing:.5px;line-height:1.2;margin:0}.btn-export,.reportes-detail-title{font-weight:700;text-transform:uppercase}.btn-export{align-items:center;background:linear-gradient(135deg,#a855f7,#9333ea);border:none;border-radius:25px;box-shadow:0 4px 15px #a855f74d;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-export:hover{box-shadow:0 6px 20px #a855f766;transform:translateY(-2px)}.btn-export svg{font-size:18px}.btn-export--secondary{background:#fff;border:2px solid #a855f7;box-shadow:0 2px 8px #a855f733;color:#a855f7;font-size:13px;padding:10px 20px}.btn-export--secondary:hover{background:#f9f5ff;border-color:#9333ea;box-shadow:0 4px 12px #a855f74d;color:#9333ea}.reportes-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;gap:10px;margin-bottom:30px;padding:8px}.tab-button{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;letter-spacing:.3px;padding:14px 24px;text-transform:uppercase;transition:all .2s ease}.tab-button:hover{background:#f9fafb;color:#4a3470}.tab-button.active{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 4px 12px #a855f74d;color:#fff}.reportes-filters{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:25px}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:200px}.filter-label{align-items:center;color:#4a3470;display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.3px;text-transform:uppercase}.filter-label svg{font-size:14px}.filter-input,.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-family:inherit;font-size:14px;padding:10px 14px;transition:all .2s ease;width:100%}.filter-input:focus,.filter-select:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a;outline:none}.filter-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.reportes-summary{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:35px}@media(min-width:1024px){.reportes-summary{grid-template-columns:repeat(5,1fr)}}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:24px 20px;position:relative;transition:all .3s ease}.summary-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.summary-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-6px)}.summary-card.highlight{background:linear-gradient(135deg,#4a3470,#a855f7)}.summary-card.success{background:linear-gradient(135deg,#10b981,#059669)}.summary-card.discount{background:linear-gradient(135deg,#f59e0b,#d97706)}.summary-card .summary-label,.summary-card .summary-value{color:#fff!important}.summary-label{color:#fff;font-size:13px;font-weight:700;letter-spacing:.8px;line-height:1.4;opacity:.95;text-transform:uppercase}.summary-value{color:#fff;font-size:28px;font-weight:800;line-height:1.2;text-shadow:0 2px 4px #0000001a;word-break:break-word}.reportes-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.reportes-table{border-collapse:collapse;width:100%}.reportes-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.reportes-table thead th{border-bottom:2px solid #4a3470;color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.5px;padding:16px 14px;text-align:left;text-transform:uppercase}.reportes-table thead th.text-right{text-align:right}.reportes-table thead th.text-center{text-align:center}.reportes-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.reportes-table tbody tr:hover{background-color:#f9fafb}.reportes-table tbody tr:last-child{border-bottom:none}.reportes-table tbody tr td{color:#374151;font-size:14px;padding:14px;vertical-align:middle}.reportes-table tbody tr td.text-right{text-align:right}.reportes-table tbody tr td.text-center{text-align:center}.reportes-table tbody tr td.font-bold{font-weight:700}.reportes-table tbody tr td.period-cell{color:#4a3470;font-weight:600}.reportes-table tbody tr td.discount{color:#ef4444}.reportes-table tbody tr td.success{color:#10b981;font-weight:600}.department-badge,.reason-badge{background:#f3f4f6;border-radius:12px;color:#4b5563;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.reason-badge{background:#fef3c7;color:#92400e}.invoice-badge{background:#e0e7ff;border-radius:8px;color:#3730a3;font-family:Courier New,monospace;padding:4px 10px}.credit-status,.invoice-badge,.stock-status{display:inline-block;font-size:11px;font-weight:700}.credit-status,.stock-status{border-radius:16px;letter-spacing:.3px;padding:6px 14px;text-transform:uppercase}.credit-status--normal,.stock-status--normal{background:#d1fae5;color:#065f46}.credit-status--bajo-stock,.stock-status--bajo-stock{background:#fef3c7;color:#92400e}.credit-status--sin-stock,.stock-status--sin-stock{background:#fee2e2;color:#991b1b}.credit-status--paid,.credit-status--success{background:#d1fae5;color:#065f46}.credit-status--pending{background:#fef3c7;color:#92400e}.credit-status--overdue{background:#fee2e2;color:#991b1b}.credit-status--unpaid{background:#fecaca;color:#991b1b}.overdue-days{color:#dc2626;font-weight:700}.normal-days{color:#9ca3af}.row-overdue{background-color:#fef2f2!important}.checkbox-label{color:#374151;font-size:14px;gap:8px;padding:10px 0}.checkbox-label .filter-checkbox{accent-color:#a855f7;cursor:pointer;height:18px;width:18px}.empty-state,.loading-state{color:#6b7280;font-size:14px;padding:60px 20px;text-align:center}.empty-state p{color:#9ca3af;font-size:16px;margin:0}@media print{.reportes-detail-page{background:#fff;padding:20px}.btn-back,.btn-export,.no-print,.reportes-filters,.reportes-tabs{display:none!important}.reportes-detail-header{margin-bottom:20px;page-break-after:avoid}.reportes-detail-header .header-actions{display:none}.reportes-detail-title{color:#000;font-size:24px}.reportes-summary{gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:20px;page-break-inside:avoid}.summary-card{border:1px solid #ddd;box-shadow:none;page-break-inside:avoid}.summary-card.highlight,.summary-card.success{background:#fff;border:2px solid #4a3470}.summary-card.highlight .summary-label,.summary-card.highlight .summary-value,.summary-card.success .summary-label,.summary-card.success .summary-value{color:#000}.reportes-table-container{box-shadow:none;overflow:visible}.reportes-table{border-collapse:collapse;page-break-inside:auto;width:100%}.reportes-table thead{background:#f3f4f6;display:table-header-group}.reportes-table thead th{border:1px solid #ddd;color:#000;font-size:10px;padding:8px 6px}.reportes-table tbody tr{border:1px solid #ddd;page-break-after:auto;page-break-inside:avoid}.reportes-table tbody tr:hover{background:#0000}.reportes-table tbody tr td{border:1px solid #ddd;color:#000;font-size:10px;padding:6px}.reportes-table tfoot{display:table-footer-group}.reportes-table tfoot tr{border:2px solid #000;font-weight:700}.credit-status,.department-badge,.invoice-badge,.reason-badge,.stock-status{background:#fff!important;border:1px solid #ccc;color:#000!important;font-size:9px}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.reportes-table tbody tr,.reportes-table thead,.summary-card{page-break-inside:avoid}}@media(max-width:1200px){.reportes-detail-page{padding:25px}.reportes-summary{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.reportes-table-container{overflow-x:auto}.reportes-table{min-width:900px}}@media(max-width:768px){.reportes-detail-page{padding:20px 15px}.reportes-detail-title{font-size:28px}.reportes-tabs{flex-direction:column;gap:8px}.tab-button{font-size:13px;padding:12px 16px}.reportes-filters{flex-direction:column;gap:15px;padding:20px}.filter-group{min-width:100%}.reportes-summary{gap:12px;grid-template-columns:1fr 1fr}.summary-value{font-size:20px}.btn-export{justify-content:center;width:100%}}.prospeccion-page{padding:20px}.prospect-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:15px;padding:20px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.stat-card--orange .stat-icon{background:linear-gradient(135deg,#ff9800,#ff6d00)}.stat-card--green .stat-icon{background:linear-gradient(135deg,#4caf50,#2e7d32)}.stat-card--red .stat-icon{background:linear-gradient(135deg,#f44336,#c62828)}.stat-card--purple .stat-icon{background:linear-gradient(135deg,#9c27b0,#6a1b9a)}.stat-content{flex:1 1}.stat-label{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.stat-value{color:#333;font-size:32px;font-weight:700}.prospect-tabs{display:flex;gap:15px;margin-bottom:20px}.prospect-tabs .prospect-tab{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:15px 20px;transition:all .3s ease}.prospect-tabs .prospect-tab:hover{background:#7b2d8e0d;border-color:#7b2d8e;color:#7b2d8e}.prospect-tabs .prospect-tab.active{background:linear-gradient(135deg,#7b2d8e,#9b59b6);border-color:#7b2d8e;box-shadow:0 4px 12px #7b2d8e4d;color:#fff}.prospect-tabs .prospect-tab.active svg{color:#fff}.prospect-tabs .prospect-tab svg{font-size:18px}.prospect-tabs .prospect-tab--orange:hover{background:#ff98000d;border-color:#ff9800;color:#ff9800}.prospect-tabs .prospect-tab--orange.active{background:linear-gradient(135deg,#ff9800,#ff6d00);border-color:#ff9800;box-shadow:0 4px 12px #ff98004d}.prospect-tabs .prospect-tab--green:hover{background:#4caf500d;border-color:#4caf50;color:#4caf50}.prospect-tabs .prospect-tab--green.active{background:linear-gradient(135deg,#4caf50,#2e7d32);border-color:#4caf50;box-shadow:0 4px 12px #4caf504d}.prospect-tabs .prospect-tab--red:hover{background:#f443360d;border-color:#f44336;color:#f44336}.prospect-tabs .prospect-tab--red.active{background:linear-gradient(135deg,#f44336,#c62828);border-color:#f44336;box-shadow:0 4px 12px #f443364d}.prospects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:20px}.prospects-list{display:flex;flex-direction:column;gap:15px;margin-top:20px}.prospect-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.prospect-card:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-4px)}.prospect-card__header{height:8px;width:100%}.prospect-card__header--orange{background:linear-gradient(90deg,#ff9800,#ff6d00)}.prospect-card__header--green{background:linear-gradient(90deg,#4caf50,#2e7d32)}.prospect-card__header--red{background:linear-gradient(90deg,#f44336,#c62828)}.prospect-status-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border-radius:20px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;position:absolute;right:15px;top:15px}.prospect-card--orange .prospect-status-badge{background:#ff9800e6}.prospect-card--green .prospect-status-badge{background:#4caf50e6}.prospect-card--red .prospect-status-badge{background:#f44336e6}.prospect-card__body{padding:20px}.prospect-name{color:#333;font-size:18px;font-weight:700;margin:0 0 5px}.prospect-business{color:#666;font-size:14px;font-style:italic;margin:0 0 15px}.prospect-info{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.prospect-info-item{align-items:center;color:#666;display:flex;font-size:13px;gap:8px}.prospect-info-item svg{color:#999;flex-shrink:0}.prospect-activities{align-items:center;background:#f3e5f5;border-radius:6px;color:#9c27b0;display:flex;font-size:12px;font-weight:600;gap:6px;margin-top:10px;padding:8px 12px}.prospect-card__actions{background:#f9f9f9;border-top:1px solid #e0e0e0;display:flex;gap:8px;padding:15px 20px}.btn-icon{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:10px;transition:all .2s}.btn-icon:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.btn-icon--primary{border-color:#6200ea;color:#6200ea}.btn-icon--primary:hover{background:#6200ea;color:#fff}.btn-icon--secondary{border-color:#0288d1;color:#0288d1}.btn-icon--secondary:hover{background:#0288d1;color:#fff}.btn-icon--danger{border-color:#f44336;color:#f44336}.btn-icon--danger:hover{background:#f44336;color:#fff}.form-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(2,1fr)}.form-label{color:#333;font-size:13px;margin-bottom:8px}.form-input{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:10px 14px;transition:border-color .2s}.form-input:focus{border-color:#6200ea;outline:none}textarea.form-input{min-height:80px;resize:vertical}.form-input::placeholder{color:#999}.followup-info-summary{background:#f5f5f5;border-radius:8px;margin-bottom:20px;padding:15px}.followup-info-summary p{color:#666;font-size:14px;margin:5px 0}.followup-info-summary strong{color:#333;font-weight:600}.empty-state{padding:60px 20px;text-align:center}.empty-state-icon{color:#ccc;margin-bottom:20px}.empty-state-title{color:#333;font-size:24px;font-weight:600;margin:0 0 10px}.empty-state-description{color:#666;font-size:16px;margin:0}@media(max-width:768px){.form-grid,.prospect-stats,.prospects-grid{grid-template-columns:1fr}.prospect-tabs{flex-direction:column;gap:10px}.prospect-tabs .prospect-tab{font-size:13px;padding:12px 16px}.action-menu{flex-direction:column;gap:10px}.menu-item--search{width:100%}}@media(max-width:480px){.stat-card{flex-direction:column;text-align:center}.stat-icon{font-size:24px;height:50px;width:50px}.stat-value{font-size:28px}.prospect-card__actions{flex-direction:column}.btn-icon{width:100%}.prospect-tabs .prospect-tab{font-size:12px;padding:10px 12px}}.login-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.login-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:2.5rem;position:relative;width:100%}@media(max-width:480px){.login-modal{max-width:95%;padding:2rem 1.5rem}}.login-modal__close{align-items:center;background:none;border:none;border-radius:50%;color:#7f8c8d;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.5rem;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s ease}.login-modal__close:hover{background:#f3f3f3;color:#2c3e50}.login-modal__close:disabled{cursor:not-allowed;opacity:.5}.login-modal__header{margin-bottom:2rem;text-align:center}.login-modal__header h2{color:#7b2c7f;font-size:2rem;font-weight:900;letter-spacing:-.5px;margin:0 0 .5rem}.login-modal__header p{color:#7f8c8d;font-size:1rem;margin:0}.login-modal__form{display:flex;flex-direction:column;gap:1.5rem}.login-modal__error{background:#ffe6e6;border:1px solid #ff4d4f;border-radius:10px;color:#d63031;font-size:.9rem;font-weight:500;padding:1rem;text-align:center}.login-modal__field{display:flex;flex-direction:column;gap:.5rem}.login-modal__label{color:#2c3e50;font-size:.9rem;font-weight:600}.login-modal__input-wrapper{position:relative}.login-modal__input-icon{color:#7f8c8d;font-size:1.1rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.login-modal__input{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .3s ease;width:100%}.login-modal__input:focus{background:#fff;border-color:#7b2c7f;box-shadow:0 0 0 4px #7b2c7f1a;outline:none}.login-modal__input::placeholder{color:#bdc3c7}.login-modal__input:disabled{cursor:not-allowed;opacity:.6}.login-modal__toggle-password{background:none;border:none;border-radius:6px;color:#7f8c8d;cursor:pointer;font-size:1.1rem;padding:.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .3s ease}.login-modal__toggle-password:hover{background:#f3f3f3;color:#7b2c7f}.login-modal__toggle-password:disabled{cursor:not-allowed;opacity:.5}.login-modal__submit{align-items:center;background:#7b2c7f;border:none;border-radius:12px;box-shadow:0 4px 15px #7b2c7f4d;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:700;gap:.5rem;justify-content:center;margin-top:.5rem;padding:1.2rem 2rem;transition:all .3s ease}.login-modal__submit:hover:not(:disabled){background:#9b4c9f;box-shadow:0 6px 20px #7b2c7f66;transform:translateY(-2px)}.login-modal__submit:active:not(:disabled){transform:translateY(0)}.login-modal__submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-modal__submit .spin{animation:spin 1s linear infinite}.login-modal__footer{margin-top:1.5rem;text-align:center}.login-modal__footer p{color:#7f8c8d;font-size:.85rem;margin:0}.portal-header{background:linear-gradient(180deg,#7b1868,#600f50);box-shadow:0 4px 12px #00000026;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.portal-header__container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.portal-header__logo{cursor:pointer;transition:transform .3s ease}.portal-header__logo img{filter:brightness(0) invert(1);height:50px;width:auto}.portal-header__logo:hover{transform:scale(1.05)}.portal-header__actions{align-items:center;display:flex;gap:1rem}.portal-header__cart{align-items:center;background:#0000;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:45px;justify-content:center;position:relative;transition:all .3s ease;width:45px}.portal-header__cart:hover{background:#fff;box-shadow:0 4px 12px #ffffff4d;color:#7b2c7f;transform:translateY(-2px) scale(1.05)}.portal-header__cart:active{transform:translateY(0) scale(1)}.portal-header__cart .cart-badge{align-items:center;animation:pulse 2s infinite;background:#e74c3c;border:2px solid #7b1868;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:22px;justify-content:center;position:absolute;right:-5px;top:-5px;width:22px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.portal-header__logout{background:#0000;border:2px solid #fff;border-radius:30px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:.75rem 2rem;transition:all .3s ease}.portal-header__logout:hover{background:#fff;box-shadow:0 4px 12px #ffffff4d;color:#7b2c7f;transform:translateY(-2px)}.portal-header__logout:active{transform:translateY(0)}.portal-header__stripe{background:#901f7b;height:20px;position:-webkit-sticky;position:sticky;top:82px;width:100%;z-index:999}@media(max-width:768px){.portal-header{padding:1rem 1.5rem}.portal-header__logo img{height:40px}.portal-header__actions{gap:.75rem}.portal-header__cart{font-size:1.1rem;height:40px;width:40px}.portal-header__cart .cart-badge{font-size:.7rem;height:20px;width:20px}.portal-header__logout{font-size:.8rem;padding:.6rem 1.5rem}}.product-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.product-card:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-8px)}.product-card--out-of-stock{opacity:.6;pointer-events:none}.product-card--out-of-stock .product-card__image{filter:grayscale(100%)}.product-card__badge{background:#7b2c7f;border-radius:20px;box-shadow:0 2px 8px #0003;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem;position:absolute;right:12px;top:12px;z-index:10}.product-card__badge--sale{background:#e74c3c}.product-card__badge--new{background:#27ae60}.product-card__badge--out{background:#95a5a6}.product-card__image{align-items:center;background:#f8f9fa;display:flex;height:280px;justify-content:center;overflow:hidden;width:100%}.product-card__image img{height:100%;object-fit:contain;padding:1rem;width:100%}.product-card__image-placeholder{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);color:#999;display:flex;font-size:.9rem;height:100%;justify-content:center;width:100%}.product-card__content{padding:1.5rem}.product-card__name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#2c3e50;display:-webkit-box;font-size:1.1rem;font-weight:700;line-height:1.3;margin-bottom:.5rem;min-height:2.6rem;overflow:hidden}.product-card__code{color:#7f8c8d;font-size:.85rem;font-weight:500;margin-bottom:1rem}.product-card__price{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.product-card__price-original{color:#95a5a6;font-size:.95rem;text-decoration:line-through}.product-card__price-current{color:#7b2c7f;font-size:1.5rem;font-weight:700}.product-card__stock{color:#27ae60;font-size:.85rem;font-weight:500;margin-bottom:1rem}.product-card__stock .low-stock{color:#e67e22;font-weight:700}.product-card__add-btn,.product-card__login-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:700;letter-spacing:.5px;padding:.85rem 1.5rem;text-transform:uppercase;transition:all .3s ease;width:100%}.product-card__add-btn{background:#7b2c7f;color:#fff}.product-card__add-btn:hover:not(.product-card__add-btn--disabled){background:#5d1f5f;box-shadow:0 4px 12px #7b2c7f4d;transform:translateY(-2px)}.product-card__add-btn--in-cart{background:#27ae60}.product-card__add-btn--in-cart:hover{background:#1e8449}.product-card__add-btn--disabled{background:#95a5a6;cursor:not-allowed;opacity:.6}.product-card__login-btn{background:#3498db;color:#fff}.product-card__login-btn:hover{background:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.product-card__success-toast{animation:fadeInOut 2s ease;background:#27ae60;border-radius:8px;box-shadow:0 4px 16px #0003;color:#fff;font-weight:700;left:50%;padding:1rem 2rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@media(max-width:768px){.product-card__image{height:220px}.product-card__content{padding:1rem}.product-card__name{font-size:1rem;min-height:2.4rem}.product-card__price-current{font-size:1.3rem}}.product-carousel-horizontal{margin:0;max-width:100%;padding:1rem 3rem 1rem 1rem;position:relative;width:100%}@media(max-width:1024px){.product-carousel-horizontal{padding:1rem 2rem}}@media(max-width:768px){.product-carousel-horizontal{padding:.5rem 1rem}}.product-carousel-horizontal__container{overflow:hidden;width:100%}.product-carousel-horizontal__track{align-items:center;display:flex;gap:3rem;justify-content:flex-start;transition:transform .5s ease}@media(max-width:1024px){.product-carousel-horizontal__track{gap:2rem}}@media(max-width:768px){.product-carousel-horizontal__track{gap:1.5rem}}.product-carousel-horizontal__item{align-items:center;aspect-ratio:1;cursor:pointer;display:flex;flex:0 0 auto;justify-content:center;max-width:280px;min-width:200px;position:relative;transition:all .3s ease;width:calc(25% - 1.5rem)}.product-carousel-horizontal__item:hover{transform:scale(1.05)}@media(max-width:1024px){.product-carousel-horizontal__item{max-width:250px;min-width:180px;width:calc(33.333% - 1rem)}}@media(max-width:768px){.product-carousel-horizontal__item{max-width:200px;min-width:150px;width:calc(50% - .5rem)}}@media(max-width:480px){.product-carousel-horizontal__item{max-width:250px;width:100%}}.product-carousel-horizontal__image{height:100%;object-fit:contain;transition:all .3s ease;width:100%}.product-carousel-horizontal__placeholder{height:80%;opacity:.5;width:80%}.product-carousel-horizontal__badge{border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.4rem .8rem;position:absolute;right:.8rem;top:.8rem;z-index:2}.product-carousel-horizontal__badge--new{background:linear-gradient(135deg,#7b2c7f,#9b4c9f);box-shadow:0 2px 8px #7b2c7f4d;color:#fff}.product-carousel-horizontal__badge--discount{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);box-shadow:0 2px 8px #ee5a6f4d;color:#fff;top:3rem}.product-carousel-horizontal__nav{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:50%;color:#7b2c7f;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.product-carousel-horizontal__nav:hover{background:#7b2c7f;border-color:#7b2c7f;box-shadow:0 4px 15px #7b2c7f4d;color:#fff;transform:translateY(-50%) scale(1.1)}.product-carousel-horizontal__nav--prev{left:0}@media(max-width:768px){.product-carousel-horizontal__nav--prev{font-size:1.2rem;height:40px;left:-10px;width:40px}}.product-carousel-horizontal__nav--next{right:0}@media(max-width:768px){.product-carousel-horizontal__nav--next{font-size:1.2rem;height:40px;right:-10px;width:40px}}.product-carousel-horizontal__indicators{display:flex;gap:.75rem;justify-content:center;margin-top:2rem}.product-carousel-horizontal__indicator{background:#e0e0e0;border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s ease;width:10px}.product-carousel-horizontal__indicator:hover{background:#bdc3c7;transform:scale(1.2)}.product-carousel-horizontal__indicator--active{background:#7b2c7f;border-radius:5px;width:28px}.product-carousel-empty{border-radius:20px;padding:4rem 2rem;text-align:center}.product-carousel-empty p{color:#7f8c8d;font-size:1.2rem;margin:0}.product-detail-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.product-detail-modal{animation:slideUp .4s ease;background:#fff;border-radius:24px;box-shadow:0 25px 70px #0006;max-height:90vh;max-width:900px;overflow:hidden;position:relative;width:100%}@media(max-width:768px){.product-detail-modal{border-radius:20px;max-width:95%}}.product-detail-modal__close{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#2c3e50;cursor:pointer;display:flex;font-size:1.8rem;height:40px;justify-content:center;padding:.5rem;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s ease;width:40px;z-index:10}.product-detail-modal__close:hover{background:#f3f3f3;transform:rotate(90deg)}@media(max-width:768px){.product-detail-modal__close{font-size:1.5rem;height:36px;right:1rem;top:1rem;width:36px}}.product-detail-modal__content{display:flex;height:100%;max-height:90vh;overflow:hidden}@media(max-width:768px){.product-detail-modal__content{flex-direction:column}}.product-detail-modal__image-section{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;flex:0 0 45%;justify-content:center;padding:3rem;position:relative}@media(max-width:768px){.product-detail-modal__image-section{flex:none;min-height:300px;padding:2rem}}.product-detail-modal__image{max-height:100%;max-width:100%;object-fit:contain}.product-detail-modal__image-placeholder{align-items:center;display:flex;font-size:8rem;height:100%;justify-content:center;opacity:.3;width:100%}@media(max-width:768px){.product-detail-modal__image-placeholder{font-size:6rem}}.product-detail-modal__badges{display:flex;flex-direction:column;gap:.5rem;left:2rem;position:absolute;top:2rem}.product-detail-modal__badges .badge{border-radius:8px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem;text-align:center}.product-detail-modal__badges .badge--new{background:linear-gradient(135deg,#7b2c7f,#9b4c9f);box-shadow:0 4px 12px #7b2c7f4d;color:#fff}.product-detail-modal__badges .badge--discount{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);box-shadow:0 4px 12px #ee5a6f4d;color:#fff}.product-detail-modal__info-section{display:flex;flex:1 1;flex-direction:column;gap:2rem;overflow-y:auto;padding:3rem}@media(max-width:768px){.product-detail-modal__info-section{padding:2rem 1.5rem}}.product-detail-modal__info-section::-webkit-scrollbar{width:6px}.product-detail-modal__info-section::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.product-detail-modal__info-section::-webkit-scrollbar-thumb{background:#7b2c7f;border-radius:10px}.product-detail-modal__info-section::-webkit-scrollbar-thumb:hover{background:#9b4c9f}.product-detail-modal__header{border-bottom:2px solid #f0f0f0;padding-bottom:1.5rem}.product-detail-modal__title{color:#2c3e50;font-size:2rem;font-weight:900;line-height:1.2;margin:0 0 .5rem}@media(max-width:768px){.product-detail-modal__title{font-size:1.5rem}}.product-detail-modal__code{background:#f8f9fa;border-radius:6px;color:#7f8c8d;display:inline-block;font-size:.85rem;font-weight:600;padding:.4rem .8rem}.product-detail-modal__description h3{color:#7b2c7f;font-size:1.1rem;font-weight:700;margin:0 0 1rem}.product-detail-modal__description p{color:#7f8c8d;font-size:1rem;line-height:1.7;margin:0}.product-detail-modal__details h3{color:#7b2c7f;font-size:1.1rem;font-weight:700;margin:0 0 1rem}.product-detail-modal__details .details-grid{display:flex;flex-direction:column;gap:.75rem}.product-detail-modal__details .detail-item{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;font-size:.95rem;justify-content:space-between;padding:.75rem 1rem}.product-detail-modal__details .detail-item .label{color:#7f8c8d;font-weight:600}.product-detail-modal__details .detail-item .value{color:#2c3e50;font-weight:700}.product-detail-modal__details .detail-item .value.stock-available{color:#27ae60}.product-detail-modal__details .detail-item .value.stock-unavailable{color:#e74c3c}.product-detail-modal__price-section{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.product-detail-modal__price-section .price-old{color:#95a5a6;font-size:1.3rem;font-weight:500;text-decoration:line-through}.product-detail-modal__price-section .price-current{color:#7b2c7f;font-size:2.5rem;font-weight:900}@media(max-width:768px){.product-detail-modal__price-section .price-current{font-size:2rem}}.product-detail-modal__actions{align-items:center;border-top:2px solid #f0f0f0;display:flex;gap:1rem;padding-top:1rem}@media(max-width:576px){.product-detail-modal__actions{flex-direction:column;gap:.75rem}}.product-detail-modal__actions .quantity-selector{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:.5rem;padding:.5rem}@media(max-width:576px){.product-detail-modal__actions .quantity-selector{justify-content:center;width:100%}}.product-detail-modal__actions .quantity-selector .quantity-btn{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#7b2c7f;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.product-detail-modal__actions .quantity-selector .quantity-btn:hover:not(:disabled){background:#7b2c7f;color:#fff;transform:scale(1.1)}.product-detail-modal__actions .quantity-selector .quantity-btn:disabled{cursor:not-allowed;opacity:.4}.product-detail-modal__actions .quantity-selector .quantity-display{color:#2c3e50;font-size:1.3rem;font-weight:700;min-width:50px;text-align:center}.product-detail-modal__actions .add-to-cart-btn{background:#7b2c7f;border:none;border-radius:12px;box-shadow:0 4px 12px #7b2c7f4d;color:#fff;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}@media(max-width:576px){.product-detail-modal__actions .add-to-cart-btn{width:100%}}.product-detail-modal__actions .add-to-cart-btn:hover:not(.product-detail-modal__actions .add-to-cart-btn--disabled){background:#5d1f5f;box-shadow:0 6px 16px #7b2c7f66;transform:translateY(-2px)}.product-detail-modal__actions .add-to-cart-btn--disabled{background:#95a5a6;cursor:not-allowed;opacity:.6}.product-detail-modal__footer{border-top:2px solid #f0f0f0;display:flex;flex-direction:column;gap:1rem;padding-top:1.5rem}.product-detail-modal__footer .footer-note{color:#7f8c8d;font-size:.95rem;line-height:1.5;margin:0;text-align:center}.product-detail-modal__footer .login-cta-btn{background:#3498db;border:none;border-radius:12px;box-shadow:0 4px 12px #3498db4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.product-detail-modal__footer .login-cta-btn:hover{background:#2980b9;box-shadow:0 6px 16px #3498db66;transform:translateY(-2px)}.product-detail-modal .success-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.product-detail-modal .success-overlay .success-message{animation:scaleIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 8px 24px #0003;color:#27ae60;font-size:1.3rem;font-weight:700;padding:2rem 3rem;text-align:center}.portal-home{background:#f8f9fa;min-height:100vh;overflow-x:hidden;overflow-y:auto;width:100%}.portal-hero{background-position:50%;background-repeat:no-repeat;background-size:cover;height:0;overflow:hidden;padding-bottom:31.25%;position:relative;width:100%}@media(max-width:1024px){.portal-hero{padding-bottom:35%}}@media(max-width:768px){.portal-hero{padding-bottom:40%}}@media(max-width:480px){.portal-hero{padding-bottom:50%}}.portal-menu{background:#fff;box-shadow:0 4px 12px #0000000d;padding:2rem 1.5rem}.portal-menu__container{align-items:stretch;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:0 auto;max-width:1400px;padding:0 1rem}.portal-menu__button{background:#0000;border:2px solid #a64b95;border-radius:50px;color:#a64b95;cursor:pointer;flex:0 1 auto;font-size:.9rem;font-weight:700;letter-spacing:.5px;margin:0;padding:.75rem 2.5rem;position:relative;transition:background .3s ease,color .3s ease;white-space:nowrap}.portal-menu__button:hover{z-index:1}.portal-menu__button:active,.portal-menu__button:hover{background:#a64b95;color:#fff}.portal-new-products{background:linear-gradient(135deg,#f8f9fa,#fff);padding:4rem 0}.portal-new-products__container{margin:0 auto;max-width:1400px;padding:0 2rem}.portal-new-products__header{margin-bottom:0}.portal-new-products__title{color:#7b2c7f;font-size:3.5rem;font-weight:900;letter-spacing:-1px;line-height:1.1;margin:0}.portal-new-products__content{align-items:center;display:flex;gap:0;margin-top:-1rem}@media(max-width:1024px){.portal-new-products__content{align-items:flex-start;flex-direction:column;margin-top:0}}.portal-new-products__arrow{flex-shrink:0;height:120px;margin-left:0;width:100px}.portal-new-products__arrow svg{filter:drop-shadow(0 2px 6px rgba(123,44,127,.3));height:100%;width:100%}.portal-new-products__carousel-container{flex:1 1;margin-left:-10px;margin-top:20px}@media(max-width:1024px){.portal-new-products__carousel-container{margin-left:0;margin-top:0;width:100%}}.portal-new-products__grid-container{flex:1 1;width:100%}.portal-new-products__grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem}.portal-new-products__loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem;grid-column:1/-1;justify-content:center;padding:4rem 0}.portal-new-products__loading .spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#7b2c7f;height:60px;width:60px}.portal-new-products__loading p{color:#7b2c7f;font-size:1.1rem;font-weight:600}.portal-new-products__empty{color:#7f8c8d;font-size:1.2rem;grid-column:1/-1;padding:4rem 0;text-align:center}.portal-new-products__login-required{display:flex;grid-column:1/-1;justify-content:center;padding:3rem 0}.portal-new-products__login-required .login-required-card{background:#fff;border:2px solid #f3f3f3;border-radius:16px;box-shadow:0 8px 24px #0000001a;max-width:500px;padding:3rem 2.5rem;text-align:center}.portal-new-products__login-required .login-required-card .login-required-icon{display:block;font-size:4rem;margin-bottom:1.5rem}.portal-new-products__login-required .login-required-card h3{color:#2c3e50;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.portal-new-products__login-required .login-required-card p{color:#7f8c8d;font-size:1.05rem;line-height:1.6;margin-bottom:2rem}.portal-new-products__login-required .login-required-card .login-required-button{background:#7b2c7f;border:none;border-radius:50px;box-shadow:0 4px 15px #7b2c7f4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 2.5rem;transition:all .3s ease}.portal-new-products__login-required .login-required-card .login-required-button:hover{background:#9b4c9f;box-shadow:0 6px 20px #7b2c7f66;transform:translateY(-2px)}.portal-new-products__login-required .login-required-card .login-required-button:active{transform:translateY(0)}.portal-new-products__view-all{margin-top:3rem;text-align:center}.portal-new-products__view-all-btn{background:#7b2c7f;border:none;border-radius:50px;box-shadow:0 4px 15px #7b2c7f4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.5px;padding:1.2rem 3rem;transition:all .3s ease}.portal-new-products__view-all-btn:hover{background:#9b4c9f;box-shadow:0 8px 25px #7b2c7f66;transform:translateY(-3px)}.portal-new-products__view-all-btn:active{transform:translateY(-1px)}@media(max-width:1024px){.portal-new-products__title{font-size:2.8rem}.portal-new-products__arrow{height:60px;width:100px}}@media(max-width:768px){.portal-menu{padding:1.5rem 1rem}.portal-menu__container{flex-wrap:wrap;gap:.65rem;padding:0 .5rem}.portal-menu__button{font-size:.85rem;margin:0;padding:.75rem 1.8rem}.portal-new-products{padding:3rem 0}.portal-new-products__container{padding:0 1rem}.portal-new-products__content{align-items:flex-start;flex-direction:column;margin-top:0}.portal-new-products__title{font-size:2.2rem}.portal-new-products__arrow{height:110px;width:90px}.portal-new-products__carousel-container{margin-left:0;margin-top:.5rem;width:100%}.portal-new-products__grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:480px){.portal-menu{padding:1.5rem .75rem}.portal-menu__container{align-items:center;flex-direction:column;gap:.6rem;padding:0 .25rem}.portal-menu__button{font-size:.8rem;margin:0;max-width:350px;padding:.75rem 1.5rem;width:100%}.portal-new-products__content{flex-direction:column}.portal-new-products__title{font-size:1.8rem}.portal-new-products__arrow{height:100px;width:80px}.portal-new-products__carousel-container{margin-left:0;margin-top:.5rem}.portal-new-products__grid{grid-template-columns:1fr}}.portal-page{background:#f8f9fa;min-height:100vh}.portal-page__loading{align-items:center;color:#7b2c7f;display:flex;font-size:1.2rem;font-weight:600;justify-content:center;min-height:60vh}.portal-page__container{margin:0 auto;max-width:1400px;padding:3rem 2rem}.portal-page__title{color:#2c3e50;font-size:2.5rem;font-weight:900;margin-bottom:2rem}.estado-cuenta__summary{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.estado-cuenta__summary .summary-card{background:#fff;border-left:5px solid #7b2c7f;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:2rem}.estado-cuenta__summary .summary-card.overdue{border-left-color:#e74c3c}.estado-cuenta__summary .summary-card.paid{border-left-color:#27ae60}.estado-cuenta__summary .summary-card h3{color:#7f8c8d;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.estado-cuenta__summary .summary-card .amount{color:#2c3e50;font-size:2.2rem;font-weight:900;margin:0}.estado-cuenta__invoices{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:2rem}.estado-cuenta__invoices h2{color:#2c3e50;font-size:1.5rem;margin-bottom:1.5rem}.estado-cuenta__invoices .empty-state{color:#7f8c8d;font-size:1.1rem;padding:3rem;text-align:center}.invoices-table__header{background:#f8f9fa;border-radius:8px;color:#2c3e50;font-weight:700;margin-bottom:.5rem;padding:1rem}.invoices-table__header,.invoices-table__row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr}.invoices-table__row{align-items:center;border-bottom:1px solid #ecf0f1;padding:1.2rem 1rem;transition:background .2s ease}.invoices-table__row:hover{background:#f8f9fa}.invoices-table__row .status{border-radius:20px;font-size:.85rem;font-weight:600;padding:.5rem 1rem;text-align:center}.invoices-table__row .status--paid{background:#d4edda;color:#155724}.invoices-table__row .status--pending{background:#fff3cd;color:#856404}.invoices-table__row .status--overdue{background:#f8d7da;color:#721c24}@media(max-width:768px){.invoices-table__header,.invoices-table__row{gap:.5rem;grid-template-columns:1fr}.invoices-table__header{display:none}.invoices-table__row span:before{font-weight:600;margin-right:.5rem}.invoices-table__row span:first-child:before{content:"Número: "}.invoices-table__row span:nth-child(2):before{content:"Fecha: "}.invoices-table__row span:nth-child(3):before{content:"Vencimiento: "}.invoices-table__row span:nth-child(4):before{content:"Total: "}.invoices-table__row span:nth-child(5):before{content:"Estado: "}}.crear-orden{background:#f8f9fa;min-height:100vh}.crear-orden__header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.crear-orden__header .back-btn{background:#fff;border:2px solid #7b2c7f;border-radius:8px;color:#7b2c7f;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.crear-orden__header .back-btn:hover{background:#7b2c7f;color:#fff}.crear-orden__content{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 450px}@media(max-width:1024px){.crear-orden__content{grid-template-columns:1fr}}.cart-section .section-title{color:#2c3e50;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-item{grid-gap:1.5rem;align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:grid;gap:1.5rem;grid-template-columns:100px 1fr auto auto auto;padding:1.5rem;transition:all .3s ease}@media(max-width:768px){.cart-item{gap:1rem;grid-template-columns:80px 1fr;padding:1rem}}.cart-item:hover{box-shadow:0 4px 16px #0000001f}.cart-item__image{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}@media(max-width:768px){.cart-item__image{height:80px;width:80px}}.cart-item__image img{height:100%;object-fit:contain;padding:.5rem;width:100%}.cart-item__image .image-placeholder{color:#999;font-size:.75rem;text-align:center}.cart-item__info{flex:1 1}.cart-item__info h3{color:#2c3e50;font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 .5rem}.cart-item__info .code{color:#7f8c8d;font-size:.85rem;margin:0 0 .75rem}.cart-item__info .price-info{align-items:center;display:flex;gap:.75rem}.cart-item__info .price-info .price{color:#7b2c7f;font-size:1.3rem;font-weight:700}.cart-item__info .price-info .original-price{color:#95a5a6;font-size:1rem;text-decoration:line-through}@media(max-width:768px){.cart-item__info{grid-column:1/-1}}.cart-item__quantity{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:.5rem;padding:.5rem}@media(max-width:768px){.cart-item__quantity{grid-column:1/2;grid-row:2}}.cart-item__quantity .qty-btn{align-items:center;background:#fff;border:none;border-radius:6px;color:#7b2c7f;cursor:pointer;display:flex;height:35px;justify-content:center;transition:all .2s ease;width:35px}.cart-item__quantity .qty-btn:hover:not(:disabled){background:#7b2c7f;color:#fff}.cart-item__quantity .qty-btn:disabled{cursor:not-allowed;opacity:.4}.cart-item__quantity .qty-display{color:#2c3e50;font-size:1.1rem;font-weight:700;min-width:40px;text-align:center}.cart-item__total{text-align:right}@media(max-width:768px){.cart-item__total{grid-column:2/3;grid-row:2}}.cart-item__total .total-label{color:#7f8c8d;display:block;font-size:.85rem;margin-bottom:.25rem}.cart-item__total .total-amount{color:#27ae60;display:block;font-size:1.4rem;font-weight:700}.cart-item__remove{align-items:center;background:#fee;border:none;border-radius:8px;color:#e74c3c;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}@media(max-width:768px){.cart-item__remove{height:35px;position:absolute;right:1rem;top:1rem;width:35px}}.cart-item__remove:hover{background:#e74c3c;color:#fff;transform:scale(1.1)}.order-section{position:-webkit-sticky;position:sticky;top:2rem}@media(max-width:1024px){.order-section{position:relative;top:0}}.order-form-card{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;padding:2rem}.order-form-card .section-title{color:#2c3e50;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.order-form-card .form-group{margin-bottom:1.5rem}.order-form-card .form-group label{color:#2c3e50;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.order-form-card .form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:.95rem;padding:.875rem;resize:vertical;transition:all .3s ease;width:100%}.order-form-card .form-group textarea:focus{border-color:#7b2c7f;box-shadow:0 0 0 3px #7b2c7f1a;outline:none}.order-form-card .form-group textarea::placeholder{color:#999}.order-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.order-summary h3{color:#2c3e50;font-size:1.2rem;font-weight:700;margin:0 0 1rem}.order-summary .summary-row{align-items:center;color:#2c3e50;display:flex;font-size:1rem;justify-content:space-between;padding:.75rem 0}.order-summary .summary-row.total{border-top:2px solid #ddd;color:#7b2c7f;font-size:1.4rem;font-weight:700;margin-top:1rem;padding-top:1rem}.submit-order-btn{background:#7b2c7f;border:none;border-radius:12px;box-shadow:0 4px 12px #7b2c7f4d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:.5px;padding:1.25rem;text-transform:uppercase;transition:all .3s ease;width:100%}.submit-order-btn:hover:not(:disabled){background:#5d1f5f;box-shadow:0 6px 16px #7b2c7f66;transform:translateY(-2px)}.submit-order-btn:disabled{background:#95a5a6;cursor:not-allowed;opacity:.6}.info-note{color:#7f8c8d;font-size:.85rem;line-height:1.5;margin-top:1rem;text-align:center}.error-message{background:#fee;border-radius:8px;color:#e74c3c;font-weight:600;margin-bottom:1rem;padding:1rem;text-align:center}.empty-cart{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;padding:4rem 2rem;text-align:center}.empty-cart__icon{font-size:6rem;margin-bottom:1.5rem;opacity:.3}.empty-cart h2{color:#2c3e50;font-size:2rem;font-weight:700;margin:0 0 1rem}.empty-cart p{color:#7f8c8d;font-size:1.1rem;margin:0 0 2rem}.empty-cart .continue-shopping-btn{background:#7b2c7f;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2.5rem;transition:all .3s ease}.empty-cart .continue-shopping-btn:hover{background:#5d1f5f;box-shadow:0 6px 16px #7b2c7f66;transform:translateY(-2px)}.success-screen{animation:scaleIn .5s ease;background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;padding:4rem 2rem;text-align:center}.success-screen .success-icon{align-items:center;animation:bounceIn .6s ease;background:#27ae60;border-radius:50%;color:#fff;display:flex;font-size:4rem;font-weight:700;height:100px;justify-content:center;margin:0 auto 2rem;width:100px}.success-screen h1{color:#27ae60;font-size:2.5rem;font-weight:900;margin:0 0 1rem}@media(max-width:768px){.success-screen h1{font-size:2rem}}.success-screen p{color:#7f8c8d;font-size:1.2rem;line-height:1.6;margin:.5rem 0}@media(max-width:768px){.success-screen p{font-size:1rem}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.historial-compras .portal-page__title{align-items:center;display:flex;gap:1rem}.historial-compras .portal-page__title svg{color:#7b2c7f}.historial-compras .orders-list{display:flex;flex-direction:column;gap:1.5rem}.historial-compras .order-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.historial-compras .order-card:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.historial-compras .order-card__header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:1.5rem 2rem}.historial-compras .order-card__header .order-info{display:flex;flex-direction:column;gap:.5rem}.historial-compras .order-card__header .order-info .order-number{color:#2c3e50;font-size:1.3rem;font-weight:800;margin:0}.historial-compras .order-card__header .order-info .order-date{color:#7f8c8d;font-size:.9rem;font-weight:500}.historial-compras .order-card__header .order-status{align-items:center;border-radius:25px;display:flex;font-size:.9rem;font-weight:700;gap:.5rem;padding:.6rem 1.2rem}.historial-compras .order-card__header .order-status svg{font-size:1.1rem}.historial-compras .order-card__header .order-status.status--pending{background:#fff3cd;color:#856404}.historial-compras .order-card__header .order-status.status--approved{background:#d1ecf1;color:#0c5460}.historial-compras .order-card__header .order-status.status--completed{background:#d4edda;color:#155724}.historial-compras .order-card__header .order-status.status--cancelled{background:#f8d7da;color:#721c24}.historial-compras .order-card__body{padding:2rem}.historial-compras .order-card__body .order-items{margin-bottom:1.5rem}.historial-compras .order-card__body .order-items h4{color:#2c3e50;font-size:1rem;font-weight:700;margin-bottom:1rem}.historial-compras .order-card__body .order-items .items-list{display:flex;flex-direction:column;gap:1rem}.historial-compras .order-card__body .order-items .order-item{align-items:center;background:#f8f9fa;border-left:4px solid #7b2c7f;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.historial-compras .order-card__body .order-items .order-item .item-info{display:flex;flex-direction:column;gap:.3rem}.historial-compras .order-card__body .order-items .order-item .item-info .item-name{color:#2c3e50;font-weight:600}.historial-compras .order-card__body .order-items .order-item .item-info .item-details{color:#7f8c8d;font-size:.85rem}.historial-compras .order-card__body .order-items .order-item .item-total{color:#7b2c7f;font-size:1.1rem;font-weight:800}.historial-compras .order-card__body .order-delivery,.historial-compras .order-card__body .order-notes{background:#e7f3ff;border-radius:8px;color:#2c3e50;font-size:.9rem;margin-bottom:1rem;padding:1rem}.historial-compras .order-card__body .order-delivery strong,.historial-compras .order-card__body .order-notes strong{color:#1a5490;font-weight:700}.historial-compras .order-card__body .order-delivery{background:#f0e7ff}.historial-compras .order-card__body .order-delivery strong{color:#6b2c7f}.historial-compras .order-card__footer{background:#f8f9fa;border-top:1px solid #dee2e6;padding:1.5rem 2rem}.historial-compras .order-card__footer .order-total{align-items:center;display:flex;justify-content:space-between}.historial-compras .order-card__footer .order-total .total-label{color:#2c3e50;font-size:1rem;font-weight:600}.historial-compras .order-card__footer .order-total .total-amount{color:#7b2c7f;font-size:1.8rem;font-weight:900}.historial-compras .empty-state{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.historial-compras .empty-state__icon{color:#7b2c7f;font-size:5rem;margin-bottom:1.5rem;opacity:.7}.historial-compras .empty-state__icon svg{height:5rem;width:5rem}.historial-compras .empty-state h2{color:#2c3e50;font-size:1.8rem;font-weight:800;margin-bottom:.5rem}.historial-compras .empty-state p{color:#7f8c8d;font-size:1.1rem;margin-bottom:2rem}.historial-compras .empty-state__btn{background:linear-gradient(135deg,#7b1868,#600f50);border-radius:30px;box-shadow:0 4px 12px #7b18684d;color:#fff;font-weight:700;padding:1rem 2.5rem;text-decoration:none;transition:all .3s ease}.historial-compras .empty-state__btn:hover{box-shadow:0 6px 16px #7b186866;transform:translateY(-2px)}@media(max-width:768px){.historial-compras .order-card__header{align-items:flex-start;flex-direction:column;gap:1rem}.historial-compras .order-card__body{padding:1.5rem}.historial-compras .order-card__body .order-item,.historial-compras .order-card__footer .order-total{align-items:flex-start;flex-direction:column;gap:.5rem}}.nuevos-productos__header{background:linear-gradient(135deg,#7b18680d,#600f500d);border-radius:12px;margin-bottom:3rem;padding:2rem 0;text-align:center}.nuevos-productos__header .portal-page__title{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.nuevos-productos__header .portal-page__title svg{color:gold;filter:drop-shadow(0 2px 4px rgba(255,215,0,.3))}.nuevos-productos__header .subtitle{color:#7f8c8d;font-size:1.1rem;font-weight:500;margin:0 auto;max-width:600px}.nuevos-productos .productos-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:3rem}.nuevos-productos .empty-state{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;justify-content:center;margin-top:2rem;padding:4rem 2rem;text-align:center}.nuevos-productos .empty-state__icon{color:gold;font-size:5rem;margin-bottom:1.5rem;opacity:.7}.nuevos-productos .empty-state__icon svg{filter:drop-shadow(0 4px 8px rgba(255,215,0,.3));height:5rem;width:5rem}.nuevos-productos .empty-state h2{color:#2c3e50;font-size:1.8rem;font-weight:800;margin-bottom:.5rem}.nuevos-productos .empty-state p{color:#7f8c8d;font-size:1.1rem}@media(max-width:768px){.nuevos-productos .productos-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.nuevos-productos__header{padding:1.5rem 1rem}.nuevos-productos__header .portal-page__title{font-size:2rem}.nuevos-productos__header .subtitle{font-size:1rem}}.ofertas__header{margin-bottom:3rem}.ofertas__header .header-content{background:linear-gradient(135deg,#e74c3c1a,#c0392b1a);border-radius:12px 12px 0 0;overflow:hidden;padding:2rem 0 1rem;position:relative;text-align:center}.ofertas__header .header-content:before{content:"🔥";font-size:8rem;opacity:.1;position:absolute;right:10%;top:-20px;transform:rotate(-15deg)}.ofertas__header .header-content:after{bottom:-20px;content:"💰";font-size:6rem;left:10%;opacity:.1;position:absolute;transform:rotate(15deg)}.ofertas__header .header-content .portal-page__title{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem;position:relative;z-index:1}.ofertas__header .header-content .portal-page__title svg{color:#e74c3c;filter:drop-shadow(0 2px 4px rgba(231,76,60,.3))}.ofertas__header .header-content .subtitle{color:#e74c3c;font-size:1.2rem;font-weight:700;position:relative;z-index:1}.ofertas__header .offer-stats{grid-gap:2rem;background:#fff;border-radius:0 0 12px 12px;box-shadow:0 4px 12px #00000014;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:2rem}.ofertas__header .offer-stats .stat-card{align-items:center;background:linear-gradient(135deg,#ffe5e5,#ffd5d5);border-left:5px solid #e74c3c;border-radius:12px;display:flex;gap:1.5rem;padding:1.5rem;transition:transform .2s ease}.ofertas__header .offer-stats .stat-card:hover{transform:translateY(-3px)}.ofertas__header .offer-stats .stat-card.discount{background:linear-gradient(135deg,#fff4e5,#ffe4c5);border-left-color:#f39c12}.ofertas__header .offer-stats .stat-card.discount .stat-icon{background:linear-gradient(135deg,#f39c12,#e67e22)}.ofertas__header .offer-stats .stat-card .stat-icon{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:50%;box-shadow:0 4px 12px #e74c3c4d;color:#fff;display:flex;font-size:1.8rem;height:60px;justify-content:center;width:60px}.ofertas__header .offer-stats .stat-card .stat-info{display:flex;flex-direction:column;gap:.3rem}.ofertas__header .offer-stats .stat-card .stat-info .stat-value{color:#2c3e50;font-size:2rem;font-weight:900;line-height:1}.ofertas__header .offer-stats .stat-card .stat-info .stat-label{color:#7f8c8d;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ofertas .productos-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:3rem}.ofertas .empty-state{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;justify-content:center;margin-top:2rem;padding:4rem 2rem;text-align:center}.ofertas .empty-state__icon{color:#e74c3c;font-size:5rem;margin-bottom:1.5rem;opacity:.7}.ofertas .empty-state__icon svg{filter:drop-shadow(0 4px 8px rgba(231,76,60,.3));height:5rem;width:5rem}.ofertas .empty-state h2{color:#2c3e50;font-size:1.8rem;font-weight:800;margin-bottom:.5rem}.ofertas .empty-state p{color:#7f8c8d;font-size:1.1rem}@media(max-width:768px){.ofertas .productos-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.ofertas__header .header-content{padding:1.5rem 1rem}.ofertas__header .header-content .portal-page__title{font-size:2rem}.ofertas__header .header-content .subtitle{font-size:1rem}.ofertas__header .offer-stats{gap:1rem;grid-template-columns:1fr;padding:1.5rem}.ofertas__header .offer-stats .stat-card{padding:1.2rem}.ofertas__header .offer-stats .stat-card .stat-icon{font-size:1.5rem;height:50px;width:50px}.ofertas__header .offer-stats .stat-card .stat-info .stat-value{font-size:1.6rem}.ofertas__header .offer-stats .stat-card .stat-info .stat-label{font-size:.75rem}}.pagar-factura .portal-page__title{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.pagar-factura .portal-page__title svg{color:#27ae60}.pagar-factura .payment-summary{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.pagar-factura .payment-summary .summary-card{background:#fff;border-left:5px solid #27ae60;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:2rem}.pagar-factura .payment-summary .summary-card.outstanding{border-left-color:#3498db}.pagar-factura .payment-summary .summary-card.overdue{border-left-color:#e74c3c}.pagar-factura .payment-summary .summary-card h3{color:#7f8c8d;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.pagar-factura .payment-summary .summary-card .amount{color:#2c3e50;font-size:2.2rem;font-weight:900;margin:0}.pagar-factura .error-message,.pagar-factura .success-message{align-items:center;border-radius:8px;display:flex;font-weight:600;gap:1rem;margin-bottom:2rem;padding:1rem 1.5rem}.pagar-factura .error-message svg,.pagar-factura .success-message svg{font-size:1.5rem}.pagar-factura .success-message{background:#d4edda;border-left:5px solid #27ae60;color:#155724}.pagar-factura .error-message{background:#f8d7da;border-left:5px solid #e74c3c;color:#721c24}.pagar-factura .payment-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.pagar-factura .payment-content .section-title{align-items:center;color:#2c3e50;display:flex;font-size:1.3rem;font-weight:800;gap:.5rem;margin-bottom:1.5rem}.pagar-factura .payment-content .section-title svg{color:#7b2c7f}.pagar-factura .invoices-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:2rem}.pagar-factura .invoices-section .invoices-list{display:flex;flex-direction:column;gap:1rem;max-height:600px;overflow-y:auto}.pagar-factura .invoices-section .invoices-list .invoice-item{border:2px solid #ecf0f1;border-radius:10px;cursor:pointer;padding:1.5rem;transition:all .2s ease}.pagar-factura .invoices-section .invoices-list .invoice-item:hover{background:#f8f9fa;border-color:#7b2c7f;transform:translateX(5px)}.pagar-factura .invoices-section .invoices-list .invoice-item.selected{background:linear-gradient(135deg,#7b18680d,#600f500d);border-color:#7b2c7f;box-shadow:0 4px 12px #7b186826}.pagar-factura .invoices-section .invoices-list .invoice-item .invoice-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.pagar-factura .invoices-section .invoices-list .invoice-item .invoice-header .invoice-number{color:#2c3e50;font-size:1.1rem;font-weight:800}.pagar-factura .invoices-section .invoices-list .invoice-item .invoice-header .invoice-status{border-radius:20px;font-size:.8rem;font-weight:700;padding:.4rem 1rem}.pagar-factura .invoices-section .invoices-list .invoice-item .invoice-header .invoice-status.status--pending{background:#fff3cd;color:#856404}.pagar-factura .invoices-section .invoices-list .invoice-item .invoice-header .invoice-status.status--overdue{background:#f8d7da;color:#721c24}.pagar-factura .invoices-section .invoices-list .invoice-item .invoice-details{display:flex;flex-direction:column;gap:.5rem}.pagar-factura .invoices-section .invoices-list .invoice-item .invoice-details .detail-row{display:flex;font-size:.9rem;justify-content:space-between}.pagar-factura .invoices-section .invoices-list .invoice-item .invoice-details .detail-row .label{color:#7f8c8d;font-weight:600}.pagar-factura .invoices-section .invoices-list .invoice-item .invoice-details .detail-row .balance-amount,.pagar-factura .invoices-section .invoices-list .invoice-item .invoice-details .detail-row .total-amount{color:#7b2c7f;font-weight:800}.pagar-factura .invoices-section .empty-invoices{align-items:center;color:#7f8c8d;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.pagar-factura .invoices-section .empty-invoices svg{color:#27ae60;font-size:3rem;margin-bottom:1rem}.pagar-factura .invoices-section .empty-invoices p{font-size:1.1rem;font-weight:600}.pagar-factura .payment-form-section{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:2rem}.pagar-factura .payment-form-section .payment-form{display:flex;flex-direction:column;gap:1.5rem}.pagar-factura .payment-form-section .payment-form .selected-invoice-info{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:5px solid #27ae60;border-radius:8px;padding:1.5rem}.pagar-factura .payment-form-section .payment-form .selected-invoice-info h3{color:#27ae60;font-size:.9rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.pagar-factura .payment-form-section .payment-form .selected-invoice-info .invoice-number{color:#2c3e50;font-size:1.3rem;font-weight:800;margin-bottom:.3rem}.pagar-factura .payment-form-section .payment-form .selected-invoice-info .invoice-total{color:#1b5e20;font-size:1rem;font-weight:600}.pagar-factura .payment-form-section .payment-form .form-group{display:flex;flex-direction:column;gap:.5rem}.pagar-factura .payment-form-section .payment-form .form-group label{color:#2c3e50;font-size:.9rem;font-weight:700}.pagar-factura .payment-form-section .payment-form .form-group label .required{color:#e74c3c;margin-left:.2rem}.pagar-factura .payment-form-section .payment-form .form-group input,.pagar-factura .payment-form-section .payment-form .form-group select{border:2px solid #ecf0f1;border-radius:8px;font-size:1rem;padding:.9rem;transition:border-color .2s ease}.pagar-factura .payment-form-section .payment-form .form-group input:focus,.pagar-factura .payment-form-section .payment-form .form-group select:focus{border-color:#7b2c7f;outline:none}.pagar-factura .payment-form-section .payment-form .form-group .input-with-icon{position:relative}.pagar-factura .payment-form-section .payment-form .form-group .input-with-icon .icon{color:#27ae60;font-size:1.1rem;font-weight:700;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.pagar-factura .payment-form-section .payment-form .form-group .input-with-icon input{padding-left:2.5rem}.pagar-factura .payment-form-section .payment-form .form-group .helper-text{color:#7f8c8d;font-size:.85rem;font-style:italic}.pagar-factura .payment-form-section .payment-form .submit-payment-btn{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:8px;box-shadow:0 4px 12px #27ae604d;color:#fff;cursor:pointer;font-size:1rem;font-weight:800;padding:1.1rem;transition:all .3s ease}.pagar-factura .payment-form-section .payment-form .submit-payment-btn:hover{box-shadow:0 6px 16px #27ae6066;transform:translateY(-2px)}.pagar-factura .payment-form-section .payment-form .submit-payment-btn:disabled{background:#95a5a6;cursor:not-allowed;transform:none}.pagar-factura .payment-form-section .payment-form .form-note{background:#e7f3ff;border-left:4px solid #3498db;border-radius:8px;color:#1a5490;font-size:.85rem;font-weight:500;padding:1rem;text-align:center}.pagar-factura .payment-form-section .no-selection{align-items:center;color:#7f8c8d;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.pagar-factura .payment-form-section .no-selection svg{color:#7b2c7f;font-size:4rem;margin-bottom:1rem;opacity:.3}.pagar-factura .payment-form-section .no-selection p{font-size:1rem;font-weight:600}@media(max-width:1024px){.pagar-factura .payment-content{grid-template-columns:1fr}}@media(max-width:768px){.pagar-factura .payment-summary{gap:1rem;grid-template-columns:1fr}.pagar-factura .invoices-section{padding:1.5rem}.pagar-factura .invoices-section .invoices-list{max-height:400px}.pagar-factura .payment-form-section{padding:1.5rem}}:root{--color-primary:#7b2d8e;--color-primary-light:#9d39b5;--color-primary-dark:#592167;--color-secondary:#4caf50;--color-secondary-light:#6ec071;--color-secondary-dark:#3d8b40;--color-success:#28a745;--color-success-light:#afecbd;--color-warning:#ffc107;--color-warning-light:#fff4d3;--color-danger:#dc3545;--color-danger-light:#fae3e5;--color-info:#17a2b8;--color-info-light:#a7e9f4;--color-white:#fff;--color-gray-50:#f0f0ed;--color-gray-100:#ebebe7;--color-gray-200:#dee2e6;--color-gray-300:#c1c9d0;--color-gray-400:#6c757d;--color-gray-500:#545b62;--color-gray-600:#343a40;--color-gray-700:#1d2124;--color-black:#000;--bg-body:#ebebe7;--bg-card:#fff;--bg-sidebar:#eaeae7;--bg-header:#fff;--text-primary:#343a40;--text-secondary:#6c757d;--text-muted:#868e96;--text-light:#fff;--border-color:#dee2e6;--border-light:#edeff1;--border-dark:#b2bcc5;--shadow-sm:0 2px 4px #0000001a;--shadow:0 4px 8px #0000001f;--shadow-md:0 4px 8px #0000001f;--shadow-lg:0 8px 16px #00000026;--border-radius:6px;--border-radius-sm:0.25rem;--border-radius-lg:8px;--border-radius-xl:40px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--font-family:Maven Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-xxl:1.5rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--transition:0.25s ease-in-out;--transition-slow:0.35s ease-in-out;--z-sidebar:900;--z-header:800;--z-dropdown:1000;--z-modal:1050;--z-overlay:1040}*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}html{font-size:16px;height:100%}body{background-color:#ebebe7;color:#343a40;font-family:Maven Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}#root,body{height:100%;overflow-x:hidden}#root{min-height:100vh;overflow-y:auto}.gradient-top-bar{background:linear-gradient(90deg,#a64b95,#c975b9 50%,#7e2371);height:40px;left:0;position:fixed;right:0;top:0;z-index:9999}.app-layout{display:flex;height:100vh;overflow:hidden;padding-top:40px}.main-content{background-color:#ebebe7;background-color:var(--bg-body);display:flex;flex:1 1;flex-direction:column;min-width:0}.content-area{background-color:#fff;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:1.5rem;padding:var(--spacing-lg)}.sidebar{background-color:#eaeae7;background-color:var(--bg-sidebar);display:flex;flex-direction:column;height:calc(100vh - 40px);left:-220px;position:fixed;top:40px;transition:.35s ease-in-out;transition:var(--transition-slow);width:220px;z-index:900;z-index:var(--z-sidebar)}.sidebar.open{left:0}@media(min-width:768px){.sidebar{height:calc(100vh - 40px);left:0;position:relative;top:0}}.sidebar__header{background-color:#eaeae7;background-color:var(--bg-sidebar);flex-shrink:0;padding:1.5rem;padding:var(--spacing-lg);text-align:center}.sidebar__header .logo{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.sidebar__header .menu-title{color:#2f2663;font-size:.875rem;font-size:var(--font-size-sm);font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:1px}.sidebar__nav{-ms-overflow-style:none;flex:1 1;padding:.5rem 0;padding:var(--spacing-sm) 0;scrollbar-width:none}.sidebar__nav::-webkit-scrollbar{display:none}.sidebar__nav .module-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.sidebar__nav .module-group .module-title{background-color:#8dc63f1a;border-radius:.25rem;border-radius:var(--border-radius-sm);color:#4caf50;color:var(--color-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:1px;margin:0 .5rem .25rem;margin:0 var(--spacing-sm) var(--spacing-xs) var(--spacing-sm);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);text-transform:uppercase}.sidebar__nav .module-group .nav-list{list-style:none}.sidebar__nav .module-group .nav-list .nav-item{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.sidebar__nav .module-group .nav-list .nav-link{align-items:center;border-radius:.25rem;border-radius:var(--border-radius-sm);color:#2f2663;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin:0 .5rem;margin:0 var(--spacing-sm);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);position:relative;text-decoration:none;transition:.25s ease-in-out;transition:var(--transition)}.sidebar__nav .module-group .nav-list .nav-link:hover{background-color:#2f26631a;color:#2f2663}.sidebar__nav .module-group .nav-list .nav-link.active{background-color:#8dc63f33;box-shadow:0 2px 8px #8dc63f4d;color:#2f2663}.sidebar__footer{flex-shrink:0;padding:1.5rem;padding:var(--spacing-lg);text-align:center}.sidebar__footer .logout-button{color:#2f2663}.sidebar__footer .logout-button:hover{background-color:#2f26631a;color:#2f2663}.sidebar__footer .logout-button .logout-icon{font-size:18px}.sidebar__footer .logout-button .logout-text{font-size:.875rem;font-size:var(--font-size-sm)}.sidebar__footer .octopus-logo{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.sidebar__footer .octopus-logo img{height:35px;width:auto}.sidebar__footer .octopus-text{color:#2f2663;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.sidebar__footer .octopus-subtitle{color:#2f2663b3;font-size:.75rem;font-size:var(--font-size-xs);font-style:italic}.mobile-overlay{background-color:#264b6e80;bottom:0;left:0;opacity:0;position:fixed;right:0;top:40px;transition:.25s ease-in-out;transition:var(--transition);visibility:hidden;z-index:899;z-index:calc(var(--z-sidebar) - 1)}.mobile-overlay.show{opacity:1;visibility:visible}@media(min-width:768px){.mobile-overlay{display:none}}.main-header{align-items:center;background-color:#fff;background-color:var(--bg-header);border-bottom:1px solid #edeff1;border-bottom:1px solid var(--border-light);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);z-index:800;z-index:var(--z-header)}.main-header__left{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md)}.main-header__left .mobile-menu-toggle{background:none;border:none;border-radius:.25rem;border-radius:var(--border-radius-sm);color:#343a40;color:var(--text-primary);cursor:pointer;display:block;font-size:1.125rem;font-size:var(--font-size-lg);padding:.25rem;padding:var(--spacing-xs);transition:.25s ease-in-out;transition:var(--transition)}.main-header__left .mobile-menu-toggle:hover{background-color:#ebebe7;background-color:var(--color-gray-100)}@media(min-width:768px){.main-header__left .mobile-menu-toggle{display:none}}.main-header__left .page-title{color:#343a40;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold)}.main-header__center{flex:1 1;margin:0 1.5rem;margin:0 var(--spacing-lg);max-width:500px}.main-header__center .search-bar{position:relative;width:100%}.main-header__center .search-bar .search-icon{color:#868e96;color:var(--text-muted);left:1rem;left:var(--spacing-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.main-header__center .search-bar input{background-color:#fff;background-color:var(--bg-card);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--border-radius);font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem .5rem .5rem 2.5rem;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 2.5rem;transition:.25s ease-in-out;transition:var(--transition);width:100%}.main-header__center .search-bar input:focus{border-color:#7b2d8e;border-color:var(--color-primary);box-shadow:0 0 0 3px #4a90e21a;outline:none}.main-header__center .search-bar input::placeholder{color:#868e96;color:var(--text-muted)}.main-header__right{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md)}.main-header__right .header-actions{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.main-header__right .view-controls{background-color:#ebebe7;background-color:var(--color-gray-100);border-radius:6px;border-radius:var(--border-radius);display:flex;padding:2px}.main-header__right .view-controls .view-btn{background:none;border:none;border-radius:.25rem;border-radius:var(--border-radius-sm);color:#6c757d;color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:.25s ease-in-out;transition:var(--transition)}.main-header__right .view-controls .view-btn:hover{color:#343a40;color:var(--text-primary)}.main-header__right .view-controls .view-btn.active{background-color:#fff;background-color:var(--bg-card);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);color:#343a40;color:var(--text-primary)}.btn{background:none;border:1px solid #0000;border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:.25s ease-in-out;transition:var(--transition)}.btn:focus{box-shadow:0 0 0 3px #4a90e240;outline:none}.btn:disabled{opacity:.6}.btn--small{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.btn--small svg{height:14px;width:14px}.btn--large{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-xl)}.btn--primary,.btn-primary{background-color:#7b2d8e;background-color:var(--color-primary);border-color:#7b2d8e;border-color:var(--color-primary);color:#fff;color:var(--text-light)}.btn--primary:hover,.btn-primary:hover{background-color:#592167;background-color:var(--color-primary-dark);border-color:#592167;border-color:var(--color-primary-dark)}.btn--secondary{background-color:#4caf50;background-color:var(--color-secondary);border-color:#4caf50;border-color:var(--color-secondary);color:var(--text-light)}.btn--secondary:hover{background-color:#3d8b40;background-color:var(--color-secondary-dark);border-color:#3d8b40;border-color:var(--color-secondary-dark)}.btn--success{background-color:var(--color-success);border-color:#28a745;border-color:var(--color-success);color:var(--text-light)}.btn--success:hover{background-color:#218838}.btn--danger{background-color:#dc3545;background-color:var(--color-danger);border-color:#dc3545;border-color:var(--color-danger);color:#fff;color:var(--text-light)}.btn--danger:hover{background-color:#c82333;border-color:#bd2130}.btn--warning{background-color:var(--color-warning);border-color:#ffc107;border-color:var(--color-warning);color:#1d2124;color:var(--color-gray-700)}.btn--warning:hover{background-color:#e0a800}.btn--info{background-color:var(--color-info);border-color:#17a2b8;border-color:var(--color-info);color:var(--text-light)}.btn--info:hover{background-color:#138496}.btn--outline{background-color:#0000;border-color:#dee2e6;border-color:var(--border-color);color:#343a40;color:var(--text-primary)}.btn--outline:hover{background-color:#f0f0ed;background-color:var(--color-gray-50);border-color:#b2bcc5;border-color:var(--border-dark)}.btn--link{background:none;color:var(--color-primary)}.btn--link:hover{color:#592167;color:var(--color-primary-dark)}.btn--cancel{background-color:#ebebe7;background-color:var(--color-gray-100);border-color:#c1c9d0;border-color:var(--color-gray-300);color:#343a40;color:var(--text-primary)}.btn--cancel:hover{background-color:#dee2e6;background-color:var(--color-gray-200);border-color:#6c757d;border-color:var(--color-gray-400)}.btn--save{background-color:#28a745;background-color:var(--color-success);border-color:#28a745;border-color:var(--color-success);color:#fff;color:var(--text-light)}.btn--save:hover{background-color:#218838;border-color:#1e7e34}.form-group{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.form-group--required .form-label:after{color:var(--color-danger)}.form-label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.form-input,.form-textarea{background-color:#fff;background-color:var(--bg-card);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--border-radius);color:#343a40;color:var(--text-primary);display:block;font-size:.875rem;font-size:var(--font-size-sm);line-height:1.5;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:.25s ease-in-out;transition:var(--transition);width:100%}.form-input:focus,.form-textarea:focus{border-color:#7b2d8e;border-color:var(--color-primary);box-shadow:0 0 0 3px #4a90e21a;outline:none}.form-input.error,.form-textarea.error{border-color:#dc3545;border-color:var(--color-danger)}.form-input.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 3px #dc35451a}.form-input::placeholder,.form-textarea::placeholder{color:#868e96;color:var(--text-muted);opacity:1}.form-input:disabled,.form-textarea:disabled{background-color:#f0f0ed;background-color:var(--color-gray-50);cursor:not-allowed;opacity:1}.input-wrapper{position:relative}.input-wrapper .input-icon{color:#868e96;color:var(--text-muted);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);position:absolute;right:1rem;right:var(--spacing-md);top:50%;transform:translateY(-50%)}.input-wrapper .input-icon:hover{color:#343a40;color:var(--text-primary)}.select-wrapper{position:relative}.select-wrapper .form-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-color:var(--bg-card);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--border-radius);color:#343a40;color:var(--text-primary);display:block;font-size:.875rem;font-size:var(--font-size-sm);line-height:1.5;padding:.5rem 2.5rem .5rem 1rem;padding:var(--spacing-sm) 2.5rem var(--spacing-sm) var(--spacing-md);transition:.25s ease-in-out;transition:var(--transition);width:100%}.select-wrapper .form-select:focus{border-color:#7b2d8e;border-color:var(--color-primary);box-shadow:0 0 0 3px #4a90e21a;outline:none}.select-wrapper .form-select.error{border-color:#dc3545;border-color:var(--color-danger)}.select-wrapper .form-select.error:focus{box-shadow:0 0 0 3px #dc35451a}.select-wrapper .select-icon{color:#868e96;color:var(--text-muted);pointer-events:none;position:absolute;right:1rem;right:var(--spacing-md);top:50%;transform:translateY(-50%)}.form-checkbox{align-items:flex-start;display:flex;gap:.25rem;gap:var(--spacing-xs)}.form-checkbox input[type=checkbox]{accent-color:#7b2d8e;accent-color:var(--color-primary);height:18px;margin:0;width:18px}.form-checkbox .checkbox-label{color:#343a40;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:0}.radio-group{flex-direction:column}.form-radio,.radio-group,.radio-option{display:flex;gap:.25rem;gap:var(--spacing-xs)}.form-radio,.radio-option{align-items:center}.form-radio input[type=radio],.radio-option input[type=radio]{accent-color:#7b2d8e;accent-color:var(--color-primary);height:18px;margin:0;width:18px}.form-radio .radio-label,.radio-option .radio-label{color:#343a40;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:0}.input-group .input-group-prepend{align-items:center;background-color:#ebebe7;background-color:var(--color-gray-100);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:var(--border-radius) 0 0 var(--border-radius);border-right:0;color:#6c757d;color:var(--text-secondary);display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.input-group .form-input{border-radius:0 6px 6px 0;border-radius:0 var(--border-radius) var(--border-radius) 0}.form-error{color:var(--color-danger);font-size:.75rem}.form-error,.form-help{font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.form-help{color:#868e96;color:var(--text-muted)}.form-layout{grid-gap:1rem;grid-gap:var(--spacing-md);gap:1rem;gap:var(--spacing-md)}.form-layout--three-column{grid-template-columns:repeat(3,1fr)}@media(max-width:991px){.form-layout--three-column{grid-template-columns:1fr 1fr}}.form-section{margin-bottom:var(--spacing-xs)}.form-section .section-title{border-bottom:2px solid #ebebe7;border-bottom:2px solid var(--color-gray-100);color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:.5rem;padding-bottom:var(--spacing-sm)}.form-section .section-title .section-icon{color:var(--color-primary)}.form-actions{border-top:1px solid #edeff1;border-top:1px solid var(--border-light);gap:var(--spacing-md);margin-top:3rem;margin-top:var(--spacing-xxl);padding-top:var(--spacing-lg)}.item-card{background-color:#fff;background-color:var(--bg-card);border:1px solid #edeff1;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--border-radius-lg);padding:1.5rem;padding:var(--spacing-lg);transition:.25s ease-in-out;transition:var(--transition)}.item-card:hover{border-color:#7b2d8e;border-color:var(--color-primary);box-shadow:var(--shadow)}.item-card--featured{border-color:#4caf50;border-color:var(--color-secondary)}.item-card--featured:before{background:linear-gradient(90deg,#4caf50,#6ec071);background:linear-gradient(90deg,var(--color-secondary),var(--color-secondary-light));content:"";height:4px;left:0;right:0;top:0}.item-card--out-of-stock{background-color:#f0f0ed;background-color:var(--color-gray-50)}.item-card--low-stock{border-left:4px solid var(--color-warning)}.item-card__thumbnail{align-items:center;color:#fff;color:var(--text-light);display:flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);justify-content:center;margin-bottom:1rem;margin-bottom:var(--spacing-md);width:100%}.item-card__thumbnail,.item-card__thumbnail .thumbnail-image{border-radius:6px;border-radius:var(--border-radius)}.item-card__thumbnail--blue-dark{background:linear-gradient(135deg,#4a90e2,#357abd)}.item-card__thumbnail--blue-light{background:linear-gradient(135deg,#6ba3e8,#4a90e2)}.item-card__thumbnail--lime{background:linear-gradient(135deg,#7ed321,#6bb01a)}.item-card__thumbnail--red{background:linear-gradient(135deg,#dc3545,#c82333)}.item-card__thumbnail--orange{background:linear-gradient(135deg,#ffc107,#e0a800)}.item-card__thumbnail--purple{background:linear-gradient(135deg,#6f42c1,#5a2d91)}.item-card__thumbnail--teal{background:linear-gradient(135deg,#17a2b8,#138496)}.item-card__content{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.item-card__content .title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.3;margin-bottom:var(--spacing-xs)}.item-card__content .subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.item-card__content .meta-info .meta-item{font-size:var(--font-size-xs);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.item-card__content .meta-info .meta-item .label{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.item-card__content .meta-info .meta-item .value{color:var(--text-primary);font-weight:var(--font-weight-medium)}.item-card__content .meta-info .meta-item .value.amount{color:#28a745;color:var(--color-success)}.item-card__content .meta-info .meta-item .value.overdue{color:#dc3545;color:var(--color-danger);font-weight:600;font-weight:var(--font-weight-semibold)}.item-card__actions{display:flex;gap:.25rem;gap:var(--spacing-xs);justify-content:flex-end}.item-card__actions,.item-card__actions .action-btn{transition:.25s ease-in-out;transition:var(--transition)}.item-card__actions .action-btn{background:none;border:none;border-radius:.25rem;border-radius:var(--border-radius-sm);color:#868e96;color:var(--text-muted);padding:var(--spacing-xs)}.item-card__actions .action-btn:hover{background-color:#ebebe7;background-color:var(--color-gray-100);color:#343a40;color:var(--text-primary)}.cards-grid{grid-gap:var(--spacing-lg);gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media(max-width:767px){.cards-grid{gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr}}.status-badge{align-items:center;border-radius:.25rem;border-radius:var(--border-radius-sm);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);line-height:1;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.status-badge--success{background-color:#afecbd;background-color:var(--color-success-light);color:#28a745;color:var(--color-success)}.status-badge--warning{background-color:#fff4d3;background-color:var(--color-warning-light);color:#856404}.status-badge--danger{background-color:#fae3e5;background-color:var(--color-danger-light);color:#dc3545;color:var(--color-danger)}.status-badge--info{background-color:#a7e9f4;background-color:var(--color-info-light);color:#17a2b8;color:var(--color-info)}.status-badge--primary{background-color:#4a90e21a;color:#7b2d8e;color:var(--color-primary)}.status-badge--secondary{background-color:#ebebe7;background-color:var(--color-gray-100);color:#343a40;color:var(--color-gray-600)}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #dee2e6;border-top:2px solid #7b2d8e;border:2px solid var(--color-gray-200);border-radius:50%;border-top-color:var(--color-primary);height:32px;width:32px}.loading-spinner--white{border-color:#fff #ffffff4d #ffffff4d}.loading-card{align-items:center;background-color:#fff;background-color:var(--bg-card);border:1px solid #edeff1;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--border-radius-lg);display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:3rem;padding:var(--spacing-xxl)}.loading-card .text{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:1rem;margin-top:var(--spacing-md)}.loading-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media(max-width:767px){.loading-grid{grid-template-columns:1fr}}.loading-container{color:#6c757d;color:var(--text-secondary);gap:1rem;gap:var(--spacing-md);height:50vh}.alert{border-radius:var(--border-radius);gap:.5rem;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.alert--success{background-color:#afecbd;background-color:var(--color-success-light);border-left:4px solid #28a745;border-left:4px solid var(--color-success);color:#28a745;color:var(--color-success)}.alert--warning{background-color:#fff4d3;background-color:var(--color-warning-light);border-left:4px solid #ffc107;border-left:4px solid var(--color-warning);color:#856404}.alert--danger{background-color:#fae3e5;background-color:var(--color-danger-light);border-left:4px solid #dc3545;border-left:4px solid var(--color-danger);color:#dc3545;color:var(--color-danger)}.alert--info{background-color:#a7e9f4;background-color:var(--color-info-light);border-left:4px solid #17a2b8;border-left:4px solid var(--color-info);color:#17a2b8;color:var(--color-info)}.alert svg{flex-shrink:0;margin-top:2px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.d-none{display:none}.d-block{display:block}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mt-0{margin-top:0}.mt-1{margin-top:.25rem;margin-top:var(--spacing-xs)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-3{margin-top:1rem;margin-top:var(--spacing-md)}.mt-4{margin-top:1.5rem;margin-top:var(--spacing-lg)}.spin{animation:spin 1s linear infinite}@media(max-width:767px){.d-md-none{display:none!important}}@media(min-width:768px){.d-md-block{display:block!important}.d-md-flex{display:flex!important}}.app-layout--gradient-header .content-area{padding:0}.app-layout--gradient-header .content-area .page-header{background:linear-gradient(135deg,#7b2d8e,#4caf50);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);color:#fff;margin:0 0 2rem;margin:0 0 var(--spacing-xl) 0;padding:3rem;padding:var(--spacing-xxl)}.app-layout--gradient-header .content-area .page-header .breadcrumb .breadcrumb-item{color:#fffc}.app-layout--gradient-header .content-area .page-header .breadcrumb .breadcrumb-item.active{color:#fff}.app-layout--gradient-header .content-area .page-header .breadcrumb .breadcrumb-item .btn--link{color:#ffffffe6}.app-layout--gradient-header .content-area .page-header .breadcrumb .breadcrumb-item .btn--link:hover{color:#fff}.app-layout--gradient-header .content-area .page-header .page-title{color:#fff;text-shadow:1px 1px 4px #0000004d}.app-layout--gradient-header .content-area .form-container{margin:0 2rem;margin:0 var(--spacing-xl)}.app-layout--home .sidebar{z-index:999}.app-layout--home .main-content{margin-left:0}.app-layout--home .dashboard-header{margin-left:-220px;margin-top:-40px;padding-left:calc(220px + 2rem);padding-left:calc(220px + var(--spacing-xl));position:relative;z-index:1001}@media(max-width:767px){.app-layout--home .dashboard-header{margin-left:0;margin-top:-40px;padding-left:2rem;padding-left:var(--spacing-xl)}}.app-layout--page .sidebar{z-index:900;z-index:var(--z-sidebar)}.app-layout--page .main-content{margin-left:0;position:relative}.app-layout--page .page-gradient-bar{background:#a64b95;height:6px;left:0;position:fixed;right:0;top:40px;z-index:800;z-index:var(--z-header)}.form-container{background:#fff;border-radius:40px;box-shadow:0 2px 4px #0000001a;padding:2rem}.form-container .form-title{border-bottom:2px solid #dee2e6;font-size:2rem;padding-bottom:1rem}.form-layout{grid-gap:1.5rem;grid-template-columns:1fr}.form-layout,.form-layout--two-column{display:grid;gap:1.5rem;grid-template-rows:auto}.form-layout--two-column{grid-gap:1.5rem;grid-template-columns:1fr 1fr}@media(max-width:767px){.form-layout--two-column{grid-template-columns:1fr}}.form-layout--three-column{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto}@media(min-width:768px)and (max-width:1023px){.form-layout--three-column{grid-template-columns:1fr 1fr}}@media(max-width:767px){.form-layout--three-column{grid-template-columns:1fr}}.form-group{margin-bottom:1.5rem}.form-group--full-width{grid-column:1/-1}.form-group--required .form-label:after{color:#dc3545;content:" *";font-weight:700}.form-label,label{color:#343a40;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-label.required:after,label.required:after{color:#dc3545;content:" *";font-weight:700}.form-control,.form-input{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;color:#343a40;font-family:Maven Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.5;padding:.5rem 1rem;transition:border-color .25s ease-in-out,box-shadow .25s ease-in-out;width:100%}.form-control:focus,.form-input:focus{border-color:#7b2d8e;box-shadow:0 0 0 3px #7b2d8e1a;outline:none}.form-control::placeholder,.form-input::placeholder{color:#6c757d}.form-control:disabled,.form-input:disabled{background-color:#ebebe7;color:#6c757d;cursor:not-allowed}.form-control--large,.form-input--large{font-size:1rem;padding:1rem 1.5rem}.form-control--small,.form-input--small{font-size:.75rem;padding:.25rem .5rem}.form-control.error,.form-control.is-invalid,.form-input.error,.form-input.is-invalid{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.form-control.is-valid,.form-control.success,.form-input.is-valid,.form-input.success{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.form-textarea{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;color:#343a40;font-family:Maven Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.5;min-height:100px;padding:.5rem 1rem;transition:border-color .25s ease-in-out,box-shadow .25s ease-in-out;width:100%}.form-textarea:focus{border-color:#7b2d8e;box-shadow:0 0 0 3px #7b2d8e1a;outline:none}.form-textarea::placeholder{color:#6c757d}.form-textarea:disabled{background-color:#ebebe7;color:#6c757d;cursor:not-allowed}.form-select{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:16px;border:1px solid #dee2e6;border-radius:6px;color:#343a40;font-family:Maven Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.5;padding:.5rem 2rem .5rem 1rem;transition:border-color .25s ease-in-out,box-shadow .25s ease-in-out;width:100%}.form-select:focus{border-color:#7b2d8e;box-shadow:0 0 0 3px #7b2d8e1a;outline:none}.form-select::placeholder{color:#6c757d}.form-select:disabled{background-color:#ebebe7;color:#6c757d;cursor:not-allowed}.form-select.error{border-color:#dc3545}.form-file-upload{position:relative}.form-file-upload .file-input{left:-9999px;position:absolute;visibility:hidden}.form-file-upload .file-upload-area{background:#ebebe7;border:2px dashed #dee2e6;border-radius:6px;cursor:pointer;padding:2rem;text-align:center;transition:all .25s ease-in-out}.form-file-upload .file-upload-area.dragover,.form-file-upload .file-upload-area:hover{background:#7b2d8e0d;border-color:#7b2d8e}.form-file-upload .file-upload-area .upload-icon{color:#6c757d;font-size:48px;margin-bottom:1rem}.form-file-upload .file-upload-area .upload-text{color:#6c757d;font-size:.875rem}.form-file-upload .file-upload-area .upload-text .highlight{color:#7b2d8e;font-weight:600}.form-file-upload .file-preview{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin-top:1rem;padding:1rem}.form-file-upload .file-preview .file-info{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:flex-start}.form-file-upload .file-preview .file-info .file-icon{color:#7b2d8e;font-size:1.125rem}.form-file-upload .file-preview .file-info .file-details .file-name{color:#343a40;font-size:.875rem;font-weight:500}.form-file-upload .file-preview .file-info .file-details .file-size{color:#6c757d;font-size:.75rem}.form-file-upload .file-preview .remove-file{align-items:center;background-color:#dc3545;border:1px solid #dc3545;border-radius:8px;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;font-family:Maven Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;height:24px;justify-content:center;padding:.25rem;transition:all .25s ease-in-out;width:24px}.form-file-upload .file-preview .remove-file:hover{background-color:#bd2130;border-color:#bd2130;box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}.form-file-upload .file-preview .remove-file:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.form-file-upload .file-preview .remove-file:disabled{background-color:#6c757d;border-color:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.form-file-upload .file-preview .remove-file:disabled:hover{background-color:#6c757d;border-color:#6c757d}.form-checkbox,.form-radio{align-items:center;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:flex-start}.form-checkbox input[type=checkbox],.form-checkbox input[type=radio],.form-radio input[type=checkbox],.form-radio input[type=radio]{accent-color:#7b2d8e;height:18px;width:18px}.form-checkbox .checkbox-label,.form-checkbox .radio-label,.form-radio .checkbox-label,.form-radio .radio-label{color:#343a40;cursor:pointer;font-size:.875rem}.input-group{flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}.input-group .input-group-append,.input-group .input-group-prepend{align-items:center;background:#ebebe7;border:1px solid #dee2e6;color:#6c757d;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:.875rem;font-weight:500;justify-content:center;padding:.5rem 1rem}.input-group .input-group-prepend{border-radius:6px 0 0 6px;border-right:none}.input-group .input-group-append{border-left:none;border-radius:0 6px 6px 0}.input-group .form-input:first-child{border-radius:6px 0 0 6px}.input-group .form-input:last-child{border-radius:0 6px 6px 0}.input-group .form-input:only-child{border-radius:6px}.form-actions{align-items:center;border-top:1px solid #dee2e6;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.form-actions--centered{justify-content:center}.form-actions--space-between{justify-content:space-between}.form-actions .btn{min-width:120px}.form-actions .btn--cancel{background-color:#0000;border:1px solid #dee2e6;border-radius:8px;color:#6c757d;cursor:pointer;font-family:Maven Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;transition:all .25s ease-in-out}.form-actions .btn--cancel:hover{background-color:#0000;border-color:#c1c9d0;box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}.form-actions .btn--cancel:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.form-actions .btn--cancel:disabled{box-shadow:none;cursor:not-allowed;transform:none}.form-actions .btn--cancel:disabled,.form-actions .btn--cancel:disabled:hover{background-color:#6c757d;border-color:#6c757d}.form-actions .btn--save{background-color:#28a745;border:1px solid #28a745;border-radius:8px;color:#fff;cursor:pointer;font-family:Maven Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;transition:all .25s ease-in-out}.form-actions .btn--save:hover{background-color:#1e7e34;border-color:#1e7e34;box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}.form-actions .btn--save:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.form-actions .btn--save:disabled{box-shadow:none;cursor:not-allowed;transform:none}.form-actions .btn--save:disabled,.form-actions .btn--save:disabled:hover{background-color:#6c757d;border-color:#6c757d}.form-actions .btn--primary{background-color:#7b2d8e;border:1px solid #7b2d8e;border-radius:8px;color:#fff;cursor:pointer;font-family:Maven Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;transition:all .25s ease-in-out}.form-actions .btn--primary:hover{background-color:#592167;border-color:#592167;box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}.form-actions .btn--primary:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.form-actions .btn--primary:disabled{box-shadow:none;cursor:not-allowed;transform:none}.form-actions .btn--primary:disabled,.form-actions .btn--primary:disabled:hover{background-color:#6c757d;border-color:#6c757d}.form-error,.invalid-feedback{color:#dc3545;display:block;font-size:.75rem;margin-top:.25rem}.form-error:before,.invalid-feedback:before{content:"⚠ ";margin-right:4px}.form-error{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.25rem;justify-content:flex-start}.form-error:before{content:none}.form-error .error-icon{font-size:.875rem}.form-help{margin-top:.25rem}.form-section{margin-bottom:.25rem}.form-section:not(:last-child){border-bottom:1px solid #dee2e6;padding-bottom:.25rem}.form-section .section-title{align-items:center;color:#343a40;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:1.125rem;font-weight:600;gap:.5rem;justify-content:flex-start;margin-bottom:1.5rem}.form-section .section-title .section-icon{color:#7b2d8e}.form-section .section-description{color:#6c757d;font-size:.875rem;line-height:1.5;margin-bottom:1.5rem}.form-accordion{border:1px solid #dee2e6;border-radius:6px}.form-accordion .accordion-header{align-items:center;background:#ebebe7;border-radius:6px;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;padding:1rem;transition:background-color .25s ease-in-out}.form-accordion .accordion-header:hover{background:#dfdfd9}.form-accordion .accordion-header .accordion-title{color:#343a40;font-weight:600}.form-accordion .accordion-header .accordion-icon{transition:transform .25s ease-in-out}.form-accordion .accordion-header.active{border-radius:6px 6px 0 0}.form-accordion .accordion-header.active .accordion-icon{transform:rotate(180deg)}.form-accordion .accordion-content{border-top:1px solid #dee2e6;display:none;padding:1.5rem}.form-accordion .accordion-content.show{animation:slideDown .25s ease-in-out;display:block}.password-input-container{position:relative}.password-input-container .form-input{padding-right:40px}.password-input-container .password-toggle{background:none;border:none;color:#6c757d;cursor:pointer;font-size:16px;padding:5px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .25s ease-in-out}.password-input-container .password-toggle:hover{color:#7b2d8e}.password-input-container .password-toggle:focus{color:#7b2d8e;outline:none}.form-help{display:block;font-size:.75rem;line-height:1.4;margin-top:4px}.performance-stars{color:#ffc107;font-family:Arial,sans-serif;font-size:14px;margin-right:8px}.performance-label{color:#6c757d;font-size:.875rem}.status-badge{border-radius:10px;font-size:10px;font-weight:600;padding:2px 6px;position:absolute;right:8px;text-transform:uppercase;top:8px}.status-badge--gold{align-items:center;background:linear-gradient(135deg,gold,orange);color:#fff;display:flex;gap:2px}.status-badge--gray{background:#6c757d;color:#fff}.status-badge--warning{background:#ffc107;color:#fff}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-bottom:1rem}.form-row.two-columns{grid-template-columns:1fr 1fr}@media(max-width:768px){.form-row.two-columns{grid-template-columns:1fr}}.form-row.three-columns{grid-template-columns:repeat(3,1fr)}@media(max-width:992px){.form-row.three-columns{grid-template-columns:1fr 1fr}}@media(max-width:768px){.form-row.three-columns{grid-template-columns:1fr}}.form-row.four-columns{grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.form-row.four-columns{grid-template-columns:repeat(3,1fr)}}@media(max-width:992px){.form-row.four-columns{grid-template-columns:1fr 1fr}}@media(max-width:768px){.form-row.four-columns{grid-template-columns:1fr}}.dynamic-group{background-color:#fafafa;border:1px solid #dee2e6;border-radius:6px;margin-bottom:1rem;padding:1.5rem}.dynamic-group .group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.dynamic-group .group-header .group-title{color:#7b2d8e;font-size:1rem;font-weight:600;margin:0}.dynamic-group .group-header .group-actions{display:flex;gap:.25rem}.btn-form{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Maven Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:600;gap:.25rem;justify-content:center;min-width:120px;padding:12px 32px;transition:.25s ease-in-out}.btn-form.btn-primary{background-color:#7b2d8e;color:#fff}.btn-form.btn-primary:hover:not(:disabled){background-color:#592167;box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}.btn-form.btn-cancel,.btn-form.btn-secondary{background-color:#6c757d;color:#fff}.btn-form.btn-cancel:hover:not(:disabled),.btn-form.btn-secondary:hover:not(:disabled){background-color:#545b62;box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}.btn-form.btn-outline{background-color:#0000;border:1px solid #7b2d8e;color:#7b2d8e}.btn-form.btn-outline:hover:not(:disabled){background-color:#7b2d8e;box-shadow:0 4px 8px #0000001f;color:#fff;transform:translateY(-1px)}.btn-form.btn-success{background-color:#28a745;color:#fff}.btn-form.btn-success:hover:not(:disabled){background-color:#1e7e34;box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}.btn-form.btn-danger{background-color:#dc3545;color:#fff}.btn-form.btn-danger:hover:not(:disabled){background-color:#bd2130;box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}.btn-form:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-form:focus{box-shadow:0 0 0 3px #7b2d8e40;outline:none}.btn-add{align-items:center;background-color:#4caf50;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:700;height:32px;justify-content:center;transition:.25s ease-in-out;width:32px}.btn-add:hover{background-color:#3d8b40;box-shadow:0 2px 4px #0000001a;transform:scale(1.1)}.btn-add:focus{box-shadow:0 0 0 3px #4caf5040;outline:none}.section-header{justify-content:space-between}.section-header .section-title{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-header .add-button{align-items:center;background:none;border:none;border-radius:6px;color:#4caf50;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.25rem;padding:.25rem .5rem;transition:.25s ease-in-out}.section-header .add-button:hover{background-color:#4caf501a;transform:translateY(-1px)}.section-header .add-button .plus-icon{font-size:1rem;font-weight:700}.form-base,.inline-form,.main-form,.modal-form{color:#343a40;font-family:Maven Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.main-form .form-container{box-shadow:0 8px 16px #00000026}.modal-form .form-container{box-shadow:none;padding:1.5rem}.inline-form .form-container{box-shadow:0 2px 4px #0000001a;padding:1rem}.inline-form .form-actions{margin-top:1rem;padding-top:1rem}.form-grid.two-column{grid-template-columns:1fr 1fr}@media(max-width:768px){.form-grid.two-column{grid-template-columns:1fr}}.input-with-icon{position:relative}.input-with-icon .input-icon{color:#6c757d;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.password-input{position:relative}.password-input .form-control,.password-input .form-input{padding-right:40px}.password-input .password-toggle{background:none;border:none;color:#6c757d;cursor:pointer;font-size:16px;padding:5px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .25s ease-in-out}.password-input .password-toggle:hover{color:#7b2d8e}.password-input .password-toggle:focus{color:#7b2d8e;outline:none}.form-check{align-items:center;display:flex;gap:.25rem;margin-bottom:.5rem}.form-check .form-check-input{accent-color:#7b2d8e;cursor:pointer;height:18px;margin:0;width:18px}.form-check .form-check-label{color:#343a40;cursor:pointer;font-size:.875rem;margin:0}.form-sections .form-section{margin-bottom:3rem}.form-sections .form-section .section-title{align-items:center;border-bottom:1px solid #dee2e6;color:#343a40;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.form-sections .form-section .section-title i{color:#7b2d8e}.form-sections .form-section .section-title small{color:#6c757d;font-size:.75rem;font-weight:400;margin-left:.25rem}.form-sections .form-subsection{border-top:1px solid #edeff1;margin-top:1.5rem;padding-top:1.5rem}.form-sections .form-subsection h4{color:#343a40;font-size:1rem;font-weight:600;margin-bottom:1rem}.form-with-gradient-header .form-header{border-radius:8px;border-radius:var(--border-radius-lg);color:#fff;margin:-var(--spacing-lg) -var(--spacing-lg) var(--spacing-xl) -var(--spacing-lg);padding:3rem 1.5rem;padding:var(--spacing-xxl) var(--spacing-lg);position:relative}.form-with-gradient-header .form-header,.form-with-gradient-header .form-header:after{background:linear-gradient(135deg,#7b2d8e,#4caf50);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%)}.form-with-gradient-header .form-header:after{border-radius:0 0 6px 6px;border-radius:0 0 var(--border-radius) var(--border-radius);bottom:-10px;content:"";filter:blur(3px);height:10px;left:50%;opacity:.3;position:absolute;transform:translateX(-50%);width:80%}.form-with-gradient-header .form-header .breadcrumb .breadcrumb-item{color:#fffc}.form-with-gradient-header .form-header .breadcrumb .breadcrumb-item.active{color:#fff;font-weight:600;font-weight:var(--font-weight-semibold)}.form-with-gradient-header .form-header .breadcrumb .breadcrumb-item .btn--link{color:#ffffffe6}.form-with-gradient-header .form-header .breadcrumb .breadcrumb-item .btn--link:hover{color:#fff;text-decoration:none}.form-with-gradient-header .form-header .breadcrumb .breadcrumb-item:not(:last-child):after{color:#fff9}.form-with-gradient-header .form-container{background-color:#fff;background-color:var(--bg-card);border-radius:8px;border-radius:var(--border-radius-lg);box-shadow:0 4px 20px #0000001a;padding:3rem;padding:var(--spacing-xxl)}.form-with-gradient-header .form-title{border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--color-gray-200);color:#343a40;color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-xxl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding-bottom:1rem;padding-bottom:var(--spacing-md);text-align:center}.form-with-gradient-header .form-section{margin-bottom:3rem;margin-bottom:var(--spacing-xxl)}.form-with-gradient-header .form-section .section-title{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--color-gray-200);color:#343a40;color:var(--text-primary);display:flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-weight-bold);gap:.5rem;gap:var(--spacing-sm);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding-bottom:.5rem;padding-bottom:var(--spacing-sm)}.form-with-gradient-header .form-section .section-title .section-icon{color:#7b2d8e;color:var(--color-primary);font-size:1.25rem;font-size:var(--font-size-xl)}.form-with-gradient-header .form-input,.form-with-gradient-header .form-select,.form-with-gradient-header .form-textarea{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:8px}.form-with-gradient-header .form-input::placeholder,.form-with-gradient-header .form-select::placeholder,.form-with-gradient-header .form-textarea::placeholder{color:#aaa}.form-with-gradient-header .form-input:focus,.form-with-gradient-header .form-select:focus,.form-with-gradient-header .form-textarea:focus{border-color:#7b2d8e;border-color:var(--color-primary);box-shadow:0 0 0 3px #00aeef1a}.form-with-gradient-header .form-label{color:#343a40;color:var(--text-primary);font-size:13px;font-weight:500;font-weight:var(--font-weight-medium)}.form-with-gradient-header .form-actions{border-top:2px solid #dee2e6;border-top:2px solid var(--color-gray-200);display:flex;gap:1.5rem;gap:var(--spacing-lg);justify-content:center;margin-top:3rem;margin-top:var(--spacing-xxl);padding-top:2rem;padding-top:var(--spacing-xl)}.form-with-gradient-header .form-actions .btn{border-radius:6px;font-weight:600;font-weight:var(--font-weight-semibold);min-width:150px;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl)}.form-with-gradient-header .form-actions .btn.btn--cancel{background-color:#dee2e6;background-color:var(--color-gray-200);border-color:#c1c9d0;border-color:var(--color-gray-300);color:#343a40;color:var(--text-primary)}.form-with-gradient-header .form-actions .btn.btn--cancel:hover{background-color:#c1c9d0;background-color:var(--color-gray-300);border-color:#6c757d;border-color:var(--color-gray-400)}.form-with-gradient-header .form-actions .btn.btn--save{background-color:#7b2d8e;background-color:var(--color-primary);border-color:#7b2d8e;border-color:var(--color-primary);color:#fff}.form-with-gradient-header .form-actions .btn.btn--save:hover{background-color:#592167;background-color:var(--color-primary-dark);border-color:#592167;border-color:var(--color-primary-dark)}.form-with-gradient-header .radio-option input[type=radio]{accent-color:#7b2d8e;accent-color:var(--color-primary)}.form-with-gradient-header .radio-option .radio-label{color:#343a40;color:var(--text-primary);font-weight:500;font-weight:var(--font-weight-medium)}.form-with-gradient-header .form-checkbox input[type=checkbox]{accent-color:#7b2d8e;accent-color:var(--color-primary)}.form-with-gradient-header .form-checkbox .checkbox-label{color:#343a40;color:var(--text-primary)}.form-with-gradient-header .contacto-group{background-color:#f0f0ed;background-color:var(--color-gray-50);border:1px solid #edeff1;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--border-radius);margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:1.5rem;padding:var(--spacing-lg)}.form-with-gradient-header .contacto-group .contacto-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.form-with-gradient-header .contacto-group .contacto-header h3{color:#4caf50;color:var(--color-secondary);font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.form-with-gradient-header .credit-terms{background-color:#00aeef0d;border-left:4px solid #7b2d8e;border-left:4px solid var(--color-primary);border-radius:6px;border-radius:var(--border-radius);padding:1.5rem;padding:var(--spacing-lg)}.form-with-gradient-header .credit-terms .checkbox-wrapper{align-items:center;display:flex;height:100%}@media(max-width:767px){.form-with-gradient-header .form-actions{align-items:stretch;flex-direction:column}.form-with-gradient-header .form-actions .btn{min-width:auto}}.sidebar__header{border-bottom:1px solid #2f26631a;padding:20px 16px 16px}.sidebar__header .logo{align-items:center;display:flex;justify-content:center;margin:0 auto 12px}.sidebar__header .logo img{object-fit:cover;width:100%}.sidebar__header .menu-title{font-size:13px;font-weight:600;letter-spacing:.8px;opacity:.95;text-transform:uppercase}.sidebar__nav{overflow-x:hidden;overflow-y:auto;padding:12px 0}.sidebar__nav::-webkit-scrollbar{width:4px}.sidebar__nav::-webkit-scrollbar-track{background:#2f26630d}.sidebar__nav::-webkit-scrollbar-thumb{background:#2f266333;border-radius:2px}.sidebar__nav::-webkit-scrollbar-thumb:hover{background:#2f26634d}.sidebar__nav .nav-list{list-style:none;margin:0;padding:0}.sidebar__nav .nav-list .nav-item{margin-bottom:2px}.sidebar__nav .nav-list .nav-item .nav-link{align-items:center!important;background:#0000;border:none;border-radius:6px;box-sizing:border-box;color:#2f2663!important;cursor:pointer;display:flex!important;font-size:11px;font-weight:500;gap:12px;justify-content:flex-start!important;margin:0 8px;min-height:38px;padding:10px 16px;position:relative;text-decoration:none!important;transition:background-color .2s ease,transform .2s ease}.sidebar__nav .nav-list .nav-item .nav-link:hover{background:#2f26631a!important;color:#2f2663!important;transform:translateX(2px)}.sidebar__nav .nav-list .nav-item .nav-link:hover .nav-icon{transform:scale(1.05)}.sidebar__nav .nav-list .nav-item .nav-link:hover .nav-label{opacity:1}.sidebar__nav .nav-list .nav-item .nav-link.active{background:#2f26631a!important;color:#2f2663!important}.sidebar__nav .nav-list .nav-item .nav-link.active:before{background:#2f26631a!important;border-radius:0 2px 2px 0;box-shadow:0 0 8px #2f26631a!important;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar__nav .nav-list .nav-item .nav-link.active .nav-label{font-weight:600;opacity:1}.sidebar__nav .nav-list .nav-item .nav-link .nav-icon{align-items:center!important;border:none!important;display:flex!important;flex-shrink:0;height:18px!important;justify-content:center!important;margin:0!important;object-fit:contain;padding:0!important;transition:all .2s ease;width:18px!important}.sidebar__nav .nav-list .nav-item .nav-link .nav-label{align-items:center!important;color:inherit!important;display:flex!important;flex:1 1;font-size:11px!important;font-weight:500;height:auto;justify-content:space-between!important;letter-spacing:.3px;line-height:1.2;margin:0!important;opacity:.9;overflow:hidden;padding:0!important;text-overflow:ellipsis;text-transform:uppercase;transition:opacity .2s ease;white-space:nowrap}.sidebar__nav .nav-list .nav-item .nav-link .nav-label:hover{overflow:visible}.sidebar__nav .nav-list .nav-item .nav-link .nav-badge{background:#2f266333;border-radius:10px;color:#2f2663;font-size:9px;font-weight:600;margin-left:auto;min-width:18px;padding:2px 6px;text-align:center;transition:all .2s ease}.sidebar__nav .nav-list .nav-item .nav-link:hover .nav-badge{background:#2f26634d;transform:scale(1.05)}.sidebar__footer{border-top:1px solid #2f26631a;margin-top:auto;padding:16px 12px}.sidebar__footer .logout-button{align-items:center;background:#2f26630d;border:1px solid #2f26631a;border-radius:6px;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:8px;justify-content:center;letter-spacing:.4px;padding:10px 16px;text-transform:uppercase;transition:all .2s ease;width:100%}.sidebar__footer .logout-button:hover{background:#2f26631a!important;border-color:#2f266333;box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.sidebar__footer .logout-button:hover .logout-icon{transform:rotate(-10deg)}.sidebar__footer .logout-button:active{transform:translateY(0)}.sidebar__footer .logout-button .logout-icon{flex-shrink:0;font-size:14px;transition:transform .2s ease}.sidebar__footer .logout-button .logout-text{font-size:11px;font-weight:500}@media(max-width:768px){.sidebar{box-shadow:4px 0 20px #0000004d;width:220px}.sidebar__nav .nav-list .nav-item .nav-link{min-height:42px;padding:12px 16px}.sidebar__nav .nav-list .nav-item .nav-link:active{background:#2f266326!important;transform:scale(.98)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.sidebar.open .nav-item{animation:slideInLeft .3s ease forwards}.sidebar.open .nav-item:first-child{animation-delay:.02s}.sidebar.open .nav-item:nth-child(2){animation-delay:.04s}.sidebar.open .nav-item:nth-child(3){animation-delay:.06s}.sidebar.open .nav-item:nth-child(4){animation-delay:.08s}.sidebar.open .nav-item:nth-child(5){animation-delay:.1s}.sidebar.open .nav-item:nth-child(6){animation-delay:.12s}.sidebar.open .nav-item:nth-child(7){animation-delay:.14s}.sidebar.open .nav-item:nth-child(8){animation-delay:.16s}.sidebar.open .nav-item:nth-child(9){animation-delay:.18s}.sidebar.open .nav-item:nth-child(10){animation-delay:.2s}.sidebar.open .nav-item:nth-child(11){animation-delay:.22s}.sidebar.open .nav-item:nth-child(12){animation-delay:.24s}.sidebar.open .nav-item:nth-child(13){animation-delay:.26s}.sidebar.open .nav-item:nth-child(14){animation-delay:.28s}.sidebar.open .nav-item:nth-child(15){animation-delay:.3s}.sidebar{will-change:transform}.sidebar__nav{-webkit-overflow-scrolling:touch}.sidebar__nav .nav-link{will-change:background-color,transform}.sidebar__nav .nav-link .nav-icon,.sidebar__nav .nav-link .nav-label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden}.page-header-with-menu{align-items:center;display:flex;gap:30px;margin-bottom:32px}.page-header-with-menu .page-title{color:#2c3e50;font-size:24px;font-weight:700;margin:0;white-space:nowrap}.page-header-with-menu .action-menu{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex:1 1;overflow:visible;position:relative;transition:box-shadow .3s ease}.page-header-with-menu .action-menu:hover{box-shadow:0 4px 16px #7b2d8e1f}.page-header-with-menu .action-menu:before{background:linear-gradient(90deg,#a64b95d9,#c975b9d9 50%,#7e2371d9);border-radius:12px 12px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.page-header-with-menu .action-menu .menu-item{align-items:center;background:#0000;border:none;color:#2c3e50;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;height:56px;justify-content:center;letter-spacing:.3px;min-height:56px;padding:14px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.page-header-with-menu .action-menu .menu-item--first{color:#7b2d8e;font-weight:700}.page-header-with-menu .action-menu .menu-item--first:hover{background:#7b2d8e26;transform:translateY(-1px)}.page-header-with-menu .action-menu .menu-item--first:active{transform:translateY(0)}.page-header-with-menu .action-menu .menu-item--search{color:#7b2d8e;flex:2 1;gap:12px;justify-content:flex-start;padding:14px 32px}.page-header-with-menu .action-menu .menu-item--search:hover{background:#7b2d8e1a}.page-header-with-menu .action-menu .menu-item--search .search-label{color:#7b2d8e;font-size:13px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.page-header-with-menu .action-menu .menu-item--search .search-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:13px;font-weight:500;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.page-header-with-menu .action-menu .menu-item--search .search-input::placeholder{color:#94a3b8;font-weight:400}.page-header-with-menu .action-menu .menu-item--search .search-input:focus{background:#fff;border-color:#7b2d8e;box-shadow:0 0 0 3px #7b2d8e1a;outline:none;transform:translateY(-1px)}.page-header-with-menu .action-menu .menu-item--search .search-input:hover:not(:focus){background:#f1f5f9;border-color:#cbd5e1}.page-header-with-menu .action-menu .menu-item--download{color:#7b2d8e;font-weight:600}.page-header-with-menu .action-menu .menu-item--download:hover{background:#7b2d8e26;transform:translateY(-1px)}.page-header-with-menu .action-menu .menu-item--download:active{transform:translateY(0)}.page-header-with-menu .action-menu .menu-item--views{color:#7b2d8e;gap:8px;padding:14px 24px}.page-header-with-menu .action-menu .menu-item--views:hover{background:#0000}.page-header-with-menu .action-menu .menu-item--views .view-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;min-width:40px;padding:10px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.page-header-with-menu .action-menu .menu-item--views .view-btn:hover:not(.active){background:#7b2d8e1a;border-color:#7b2d8e;box-shadow:0 4px 12px #7b2d8e26;color:#7b2d8e;transform:translateY(-2px)}.page-header-with-menu .action-menu .menu-item--views .view-btn:active{transform:translateY(0)}.page-header-with-menu .action-menu .menu-item--views .view-btn.active{background:#7b2d8e!important;border-color:#7b2d8e!important;box-shadow:0 2px 8px #7b2d8e40!important;color:#fff!important;transform:scale(1.05)}.page-header-with-menu .action-menu .menu-item--views .view-btn.active:hover{background:#6a277b!important;transform:scale(1.08) translateY(-1px)}.page-header-with-menu .action-menu .menu-item--secondary{color:#7b2d8e;font-weight:600}.page-header-with-menu .action-menu .menu-item--secondary:hover{background:#7b2d8e26;transform:translateY(-1px)}.page-header-with-menu .action-menu .menu-item--secondary:active{transform:translateY(0)}.page-header-with-menu .action-menu .menu-item--warning{color:#7b2d8e;font-weight:600}.page-header-with-menu .action-menu .menu-item--warning:hover{background:#7b2d8e26;transform:translateY(-1px)}.page-header-with-menu .action-menu .menu-item--warning:active{transform:translateY(0)}.page-header-with-menu .action-menu .menu-item--success{color:#7b2d8e;font-weight:600}.page-header-with-menu .action-menu .menu-item--success:hover{background:#7b2d8e26;transform:translateY(-1px)}.page-header-with-menu .action-menu .menu-item--success:active{transform:translateY(0)}@media(max-width:768px){.page-header-with-menu{align-items:stretch;flex-direction:column;gap:15px}.page-header-with-menu .action-menu{flex-direction:column}.page-header-with-menu .action-menu .menu-item{flex:none;min-height:auto}.page-header-with-menu .action-menu .menu-item--search{align-items:stretch;flex-direction:column;gap:8px}.page-header-with-menu .action-menu .menu-item--search .search-input{width:100%}.page-header-with-menu .action-menu .menu-item--views{justify-content:center}}.card{background:#fff;border:1px solid #dee2e6;border-radius:40px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1.5rem;transition:box-shadow .25s ease-in-out,transform .25s ease-in-out}.card:hover{box-shadow:0 4px 8px #0000001f;transform:translateY(-2px)}.card__header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.card__header .title{color:#343a40;font-size:1.125rem;font-weight:600;margin:0}.card__header .actions{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:center}.card__body{line-height:1.6}.card__footer{align-items:center;border-top:1px solid #dee2e6;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin-top:1rem;padding-top:.5rem}.cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-template-rows:auto}@media(max-width:767px){.cards-grid{gap:1rem;grid-template-columns:1fr}}.item-card{background:#fff;border:1px solid #dee2e6;border-radius:40px;box-shadow:0 2px 4px #0000001a;cursor:pointer;overflow:hidden;padding:0;position:relative;transition:box-shadow .25s ease-in-out,transform .25s ease-in-out}.item-card:hover{box-shadow:0 4px 8px #0000001f;transform:translateY(-2px)}.item-card__thumbnail{height:120px;overflow:hidden;position:relative}.item-card__thumbnail--blue-dark{background:linear-gradient(135deg,#1a365d,#0f1f35)}.item-card__thumbnail--blue-light{background:linear-gradient(135deg,#00bfff,#3cf)}.item-card__thumbnail--lime{background:linear-gradient(135deg,#9acd32,#aed75b)}.item-card__thumbnail .thumbnail-text{color:#fffc;font-size:.875rem;font-weight:500;left:50%;letter-spacing:1px;position:absolute;text-align:center;text-transform:uppercase;top:50%;transform:translate(-50%,-50%)}.item-card__thumbnail .thumbnail-image{height:100%;object-fit:cover;width:100%}.item-card__content{padding:1rem}.item-card__content .title{color:#343a40;font-size:1rem;font-weight:600;margin-bottom:.25rem}.item-card__content .subtitle,.item-card__content .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-card__content .subtitle{color:#6c757d;font-size:.875rem;margin-bottom:.5rem}.item-card__content .meta-info{align-items:stretch;display:flex;flex-direction:column;flex-wrap:nowrap;gap:.25rem;justify-content:flex-start}.item-card__content .meta-info .meta-item{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:.75rem;justify-content:space-between}.item-card__content .meta-info .meta-item .label{color:#6c757d;font-weight:500}.item-card__content .meta-info .meta-item .value{color:#343a40;font-weight:500}.item-card__actions{opacity:0;position:absolute;right:.5rem;top:.5rem;transform:translateY(-10px);transition:all .25s ease-in-out}.item-card__actions .action-btn{align-items:center;background-color:#ffffffe6;border:1px solid #ffffffe6;border-radius:8px;border-radius:50%;color:#343a40;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;font-family:Maven Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;height:32px;justify-content:center;margin-left:.25rem;padding:.25rem;transition:all .25s ease-in-out;width:32px}.item-card__actions .action-btn:hover{background-color:#e6e6e6e6;border-color:#e6e6e6e6;transform:translateY(-1px)}.item-card__actions .action-btn:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.item-card__actions .action-btn:disabled{box-shadow:none;cursor:not-allowed;transform:none}.item-card__actions .action-btn:disabled,.item-card__actions .action-btn:disabled:hover{background-color:#6c757d;border-color:#6c757d}.item-card__actions .action-btn:hover{background:#fff;box-shadow:0 4px 8px #0000001f}.item-card:hover .item-card__actions{opacity:1;transform:translateY(0)}.item-card--featured{border:2px solid #d4af37}.item-card--featured:before{background:#d4af37;border-radius:.5rem;color:#fff;content:"Destacado";font-size:.75rem;font-weight:600;left:.5rem;padding:.25rem .5rem;position:absolute;top:.5rem;z-index:10}.item-card--out-of-stock{opacity:.7}.item-card--out-of-stock:after{background:#dc3545e6;border-radius:1rem;color:#fff;content:"Agotado";font-weight:600;left:50%;padding:.5rem 1rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.item-card--low-stock{border-left:4px solid #ffc107}.stats-card{background:#fff;border:1px solid #dee2e6;border-radius:40px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;text-align:center;transition:box-shadow .25s ease-in-out,transform .25s ease-in-out}.stats-card:hover{box-shadow:0 4px 8px #0000001f;transform:translateY(-2px)}.stats-card__icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:1.5rem;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.stats-card__icon--primary{background:#7b2d8e}.stats-card__icon--success{background:#28a745}.stats-card__icon--warning{background:#ffc107}.stats-card__icon--info{background:#17a2b8}.stats-card__value{color:#343a40;font-size:2rem;font-weight:700;margin-bottom:.25rem}.stats-card__label{color:#6c757d;font-size:.875rem;font-weight:500}.stats-card__change{font-size:.75rem;margin-top:.5rem}.stats-card__change--positive{color:#28a745}.stats-card__change--negative{color:#dc3545}.loading-card{background:#fff;border:1px solid #dee2e6;border-radius:40px;box-shadow:0 2px 4px #0000001a;padding:2rem;text-align:center;transition:box-shadow .25s ease-in-out,transform .25s ease-in-out}.loading-card:hover{box-shadow:0 4px 8px #0000001f;transform:translateY(-2px)}.loading-card .spinner{animation:spin 1s linear infinite;border:2px solid #7b2d8e4d;border-radius:50%;border-top-color:#7b2d8e;height:32px;margin:0 auto 1rem;width:32px}.loading-card .text{color:#6c757d;font-size:.875rem}.empty-card{background:#fff;border:1px solid #dee2e6;border-radius:40px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .25s ease-in-out,transform .25s ease-in-out}.empty-card:hover{box-shadow:0 4px 8px #0000001f;transform:translateY(-2px)}.empty-card .icon{color:#6c757d;font-size:48px;margin-bottom:1rem}.empty-card .title{font-size:1.125rem}.empty-card .description{font-size:.875rem;margin-bottom:1rem}.clientes-page .client-card,.content-card{align-items:stretch;background:#fff;border:1px solid #dee2e6;border-top-right-radius:40px;cursor:pointer;display:flex;height:155px;max-width:410px;overflow:hidden;position:relative;transition:all .25s ease-in-out;width:100%}.clientes-page .client-card:hover,.content-card:hover{transform:translateY(-2px)}.clientes-page .client-card .content-thumbnail,.content-card .content-thumbnail{align-items:center;display:flex;flex-shrink:0;height:100%;justify-content:center;position:relative;width:153px}.clientes-page .client-card .content-thumbnail .logo-text,.clientes-page .client-card .content-thumbnail .thumbnail-text,.content-card .content-thumbnail .logo-text,.content-card .content-thumbnail .thumbnail-text{color:#ffffffe6;font-size:11px;font-weight:700;letter-spacing:.5px;line-height:1.2;text-align:center;text-transform:uppercase}.clientes-page .client-card .content-thumbnail .thumbnail-icon,.content-card .content-thumbnail .thumbnail-icon{color:#ffffffd9;font-size:48px;opacity:.9}.clientes-page .client-card .content-thumbnail.blue-dark,.content-card .content-thumbnail.blue-dark{background:#1a365d}.clientes-page .client-card .content-thumbnail.blue-dark-gradient,.content-card .content-thumbnail.blue-dark-gradient{background:linear-gradient(135deg,#7b2d8e,#834594)}.clientes-page .client-card .content-thumbnail.green-gradient,.content-card .content-thumbnail.green-gradient{background:linear-gradient(135deg,#4caf50,#80c883)}.clientes-page .client-card .content-thumbnail.orange-gradient,.content-card .content-thumbnail.orange-gradient{background:linear-gradient(135deg,#b29126,#d4af37)}.clientes-page .client-card .content-thumbnail.red-gradient,.content-card .content-thumbnail.red-gradient{background:linear-gradient(135deg,#c0392b,#e74c3c)}.clientes-page .client-card .content-thumbnail.purple-gradient,.content-card .content-thumbnail.purple-gradient{background:linear-gradient(135deg,#7b2d8e,#ab44c4)}.clientes-page .client-card .content-thumbnail.blue-light,.content-card .content-thumbnail.blue-light{background:#00bfff}.clientes-page .client-card .content-thumbnail.purple,.content-card .content-thumbnail.purple{background:#7b2d8e}.clientes-page .client-card .content-thumbnail.lime,.content-card .content-thumbnail.lime{background:#9acd32}.clientes-page .client-card .content-thumbnail.gray,.content-card .content-thumbnail.gray{background:#e0e0e0}.clientes-page .client-card .content-thumbnail.gray .logo-text,.clientes-page .client-card .content-thumbnail.gray .thumbnail-text,.content-card .content-thumbnail.gray .logo-text,.content-card .content-thumbnail.gray .thumbnail-text{color:#7f8c8d}.clientes-page .client-card .content-info,.content-card .content-info{background:#f8f9fa;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:1.5rem;position:relative}.clientes-page .client-card .content-info .content-title,.content-card .content-info .content-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1a365d;display:-webkit-box;font-size:1rem;font-weight:700;line-height:1.3;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis}.clientes-page .client-card .content-info .content-subtitle,.content-card .content-info .content-subtitle{color:#6c757d;font-size:.875rem;font-weight:500;line-height:1.2;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clientes-page .client-card .content-info .content-meta-grid,.content-card .content-info .content-meta-grid{display:flex;flex-direction:column;gap:4px;margin-top:4px}.clientes-page .client-card .content-info .content-meta-grid .meta-item,.content-card .content-info .content-meta-grid .meta-item{color:#343a40;font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clientes-page .client-card .content-info .content-meta-grid .meta-item.warning,.content-card .content-info .content-meta-grid .meta-item.warning{color:#ffc107;font-weight:600}.clientes-page .client-card .content-card__actions,.content-card .content-card__actions{bottom:.5rem;position:absolute;right:.5rem;z-index:10}.clientes-page .client-card .content-card__actions .card-icon,.content-card .content-card__actions .card-icon{color:#1a365d;cursor:pointer;font-size:10px;opacity:.6;transition:all .25s ease-in-out}.clientes-page .client-card .content-card__actions:hover .card-icon,.content-card .content-card__actions:hover .card-icon{opacity:1;transform:scale(1.05)}@media(max-width:767px){.clientes-page .client-card,.content-card{height:140px;max-width:410px;width:100%}.clientes-page .client-card .content-thumbnail,.content-card .content-thumbnail{width:130px}.clientes-page .client-card .content-thumbnail .logo-text,.clientes-page .client-card .content-thumbnail .thumbnail-text,.content-card .content-thumbnail .logo-text,.content-card .content-thumbnail .thumbnail-text{font-size:10px}.clientes-page .client-card .content-info,.content-card .content-info{padding:1rem}.clientes-page .client-card .content-info .content-title,.content-card .content-info .content-title{font-size:.875rem}.clientes-page .client-card .content-info .content-subtitle,.content-card .content-info .content-subtitle{font-size:.75rem}}.clientes-page .client-grid,.content-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:1.5rem 0}@media(min-width:1200px){.clientes-page .client-grid,.content-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px)and (max-width:1199px){.clientes-page .client-grid,.content-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px)and (max-width:1023px){.clientes-page .client-grid,.content-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:767px){.clientes-page .client-grid,.content-grid{gap:1rem;grid-template-columns:1fr}}.content-list{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 0}.content-card-list{align-items:stretch;background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;height:auto;min-height:80px;overflow:hidden;position:relative;transition:all .25s ease-in-out;width:100%}.content-card-list:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.content-card-list .content-thumbnail-small{align-items:center;display:flex;flex-shrink:0;justify-content:center;position:relative;width:80px}.content-card-list .content-thumbnail-small .logo-text-small{color:#ffffffe6;font-size:10px;font-weight:700;letter-spacing:.5px;text-align:center;text-transform:uppercase}.content-card-list .content-thumbnail-small .thumbnail-icon-small{color:#ffffffd9;font-size:32px;opacity:.9}.content-card-list .content-thumbnail-small .thumbnail-image-small{height:100%;object-fit:cover;width:100%}.content-card-list .content-thumbnail-small.blue-dark{background:#1a365d}.content-card-list .content-thumbnail-small.blue-dark-gradient{background:linear-gradient(135deg,#7b2d8e,#834594)}.content-card-list .content-thumbnail-small.green-gradient{background:linear-gradient(135deg,#4caf50,#80c883)}.content-card-list .content-thumbnail-small.orange-gradient{background:linear-gradient(135deg,#b29126,#d4af37)}.content-card-list .content-thumbnail-small.red-gradient{background:linear-gradient(135deg,#c0392b,#e74c3c)}.content-card-list .content-thumbnail-small.purple-gradient{background:linear-gradient(135deg,#7b2d8e,#ab44c4)}.content-card-list .content-thumbnail-small.blue-light{background:#00bfff}.content-card-list .content-thumbnail-small.purple{background:#7b2d8e}.content-card-list .content-thumbnail-small.lime{background:#9acd32}.content-card-list .content-thumbnail-small.gray{background:#e0e0e0}.content-card-list .content-thumbnail-small.gray .logo-text-small{color:#7f8c8d}.content-card-list .content-info-list{background:#f8f9fa;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;padding:1rem 50px 1rem 1.5rem;position:relative}.content-card-list .content-info-list .content-title{color:#1a365d;font-size:.875rem;font-weight:700;line-height:1.3;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-card-list .content-info-list .content-subtitle{color:#6c757d;font-size:.75rem;font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-card-list .content-info-list .content-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.content-card-list .content-info-list .content-meta .meta-item{color:#6c757d;font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-card-list .content-info-list .content-meta .meta-item.warning{color:#ffc107;font-weight:600}.content-card-list .content-actions-list{flex-shrink:0;position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:10}.content-card-list .content-actions-list .card-icon{color:#1a365d;cursor:pointer;font-size:10px;opacity:.6;transition:all .25s ease-in-out}.content-card-list .content-actions-list:hover .card-icon{opacity:1;transform:scale(1.05)}@media(max-width:767px){.content-card-list{min-height:90px}.content-card-list .content-thumbnail-small{width:70px}.content-card-list .content-thumbnail-small .logo-text-small{font-size:9px}.content-card-list .content-info-list{padding:.5rem 45px .5rem .5rem}.content-card-list .content-info-list .content-title{font-size:.75rem}.content-card-list .content-info-list .content-subtitle{font-size:10px}.content-card-list .content-info-list .content-meta{gap:.5rem}.content-card-list .content-info-list .content-meta .meta-item{font-size:10px}.content-card-list .content-actions-list{right:.5rem}.content-card-list .content-actions-list .card-icon{font-size:14px}}.modal-overlay{align-items:center;animation:modalFadeIn .15s ease-out forwards;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:1.5rem;position:fixed;right:0;top:0;z-index:9999!important}.modal{animation:modalSlideIn .15s ease-out forwards;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:95vh;overflow:hidden;transform:scale(.95) translateY(20px)}.modal--small{max-width:400px;width:100%}.modal--medium{max-width:600px;width:100%}.modal--large{max-height:95vh;max-width:1000px;width:95%}.modal--xlarge{max-height:95vh;max-width:1200px;width:95%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem}.modal-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:.5rem;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .15s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-close svg{height:1.25rem;width:1.25rem}.modal-content{overflow-x:hidden;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.confirm-modal-content{padding:1.5rem 0;text-align:center}.confirm-icon{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem}.confirm-icon svg{color:#f59e0b;height:4rem;width:4rem}.confirm-message{color:#374151;font-size:1rem;line-height:1.6;margin:0}.confirm-actions{display:flex;gap:.75rem;justify-content:center}.alert-modal-content{padding:1rem 0;text-align:center}.alert-icon{display:flex;justify-content:center;margin-bottom:1rem}.alert-icon svg{height:3rem;width:3rem}.alert-message{color:#4b5563;font-size:1rem;line-height:1.5;margin-bottom:2rem}.alert-actions{display:flex;justify-content:center}@keyframes modalFadeIn{to{opacity:1}}@keyframes modalSlideIn{to{transform:scale(1) translateY(0)}}.modal-body{flex:1 1;overflow-y:auto;padding:0}.modal-body .form-group{margin-bottom:1.25rem}.modal-body .form-group:last-child{margin-bottom:0}.modal-content{flex:1 1;min-height:0;overflow-y:auto;padding:1.5rem}.modal-content .form-group{margin-bottom:1.25rem}.modal-content .form-group:last-child{margin-bottom:0}.modal-content .form-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.modal-content .form-input,.modal-content .form-select,.modal-content textarea.form-input{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.625rem .75rem;transition:all .15s ease;width:100%}.modal-content .form-input:focus,.modal-content .form-select:focus,.modal-content textarea.form-input:focus{border-color:#7b2d8e;box-shadow:0 0 0 3px #7b2d8e1a;outline:none}.modal-content .form-input.error,.modal-content .form-select.error,.modal-content textarea.form-input.error{border-color:#dc3545}.modal-content .form-input.error:focus,.modal-content .form-select.error:focus,.modal-content textarea.form-input.error:focus{box-shadow:0 0 0 3px #dc35451a}.modal-content .form-input::placeholder,.modal-content .form-select::placeholder,.modal-content textarea.form-input::placeholder{color:#9ca3af}.modal-content .form-input:disabled,.modal-content .form-select:disabled,.modal-content textarea.form-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.modal-content textarea.form-input{min-height:80px;resize:vertical}.modal-footer{background-color:#f8f9fa80;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.modal-footer .btn{align-items:center;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;min-width:120px;padding:.625rem 1.25rem;transition:all .15s ease}.modal-footer .btn.btn-primary{background-color:#7b2d8e;border:none;color:#fff}.modal-footer .btn.btn-primary:hover:not(:disabled){background-color:#5e2270}.modal-footer .btn.btn-primary:disabled{cursor:not-allowed;opacity:.6}.modal-footer .btn.btn-secondary{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.modal-footer .btn.btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.modal-footer .btn.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.modal-footer .btn.btn-danger{background-color:#dc3545;border:none;color:#fff}.modal-footer .btn.btn-danger:hover:not(:disabled){background-color:#c82333}.modal-footer .btn.btn-danger:disabled{cursor:not-allowed;opacity:.6}.modal-footer .btn svg{flex-shrink:0}.modal-footer .btn .spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media(max-width:768px){.modal-overlay{padding:.5rem}.modal{margin:0;max-height:95vh;width:100%!important}.modal--large,.modal--medium,.modal--small,.modal--xlarge{max-width:none!important}.modal-header{padding:1rem 1rem 0}.modal-content{max-height:calc(95vh - 100px);padding:0 1rem 1rem}.modal-title{font-size:1.125rem}.modal-footer{flex-direction:column;padding:.75rem 1rem 1rem}.modal-footer .btn{width:100%}}.confirm-modal{background:#fff;border-radius:40px;box-shadow:0 12px 24px #0000002e;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.confirm-modal .modal-body{flex:1 1;overflow-y:auto;padding:2rem}.confirm-modal .modal-body .modal-message{color:#343a40;font-size:.875rem;line-height:1.5;margin:0 0 1.5rem}.confirm-modal .modal-body .modal-message strong{color:#7b2d8e;font-weight:600}.confirm-modal .modal-footer{background-color:#f8f9fa80;border-top:1px solid #dee2e6;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem 2rem}.role-modal-custom{max-height:90vh!important;max-width:1600px!important;width:95%!important}.role-modal-custom .modal-content{overflow:visible!important;padding:24px!important;width:100%}.role-modal-custom .role-form{max-width:100%!important;width:100%!important}.role-modal-custom .role-form form{width:100%!important}.role-modal-custom .form-sections{display:flex;flex-direction:column;gap:24px;width:100%!important}.role-modal-custom .form-sections .form-section{margin-bottom:0;width:100%!important}.role-modal-custom .form-sections .form-section .section-title{align-items:center;border-bottom:2px solid #e5e7eb;color:#111827;display:flex;font-size:18px;font-weight:600;gap:12px;margin-bottom:20px;padding-bottom:12px}.role-modal-custom .form-sections .form-section .form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);width:100%}.role-modal-custom .form-sections .form-section .form-grid .form-group{width:100%}.role-modal-custom .permissions-container{width:100%!important}.role-modal-custom .permissions-container .permissions-summary{background:#f9fafb;border-radius:8px;color:#7b2d8e;font-weight:600;margin-bottom:20px;padding:16px;text-align:center;width:100%}.role-modal-custom .permissions-table-wrapper{margin-bottom:24px;overflow-x:auto;width:100%!important}.role-modal-custom .permissions-table{min-width:1200px;width:100%!important}.role-modal-custom .form-actions{border-top:2px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding-top:24px;width:100%}.btn{background-color:#7b2d8e;border-radius:8px;color:#fff;display:flex;flex-direction:row;flex-wrap:nowrap;font-family:Maven Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;gap:.25rem;justify-content:center;text-decoration:none;transition:all .25s ease-in-out}.btn:hover{background-color:#592167;border-color:#592167;box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}.btn:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.btn:disabled{box-shadow:none;transform:none}.btn:disabled,.btn:disabled:hover{background-color:#6c757d;border-color:#6c757d}.btn--small{font-size:.75rem;padding:.25rem .5rem}.btn--large{font-size:1.125rem;padding:1rem 2rem}.btn--primary{background-color:#7b2d8e;border:1px solid #7b2d8e;border-radius:8px;cursor:pointer;font-family:Maven Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;transition:all .25s ease-in-out}.btn--primary:hover{background-color:#592167;border-color:#592167;box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}.btn--primary:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.btn--primary:disabled{box-shadow:none;cursor:not-allowed;transform:none}.btn--primary:disabled,.btn--primary:disabled:hover{background-color:#6c757d;border-color:#6c757d}.btn--secondary{background-color:#6c757d;border:1px solid #6c757d;border-radius:8px;color:#fff;cursor:pointer;font-family:Maven Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;transition:all .25s ease-in-out}.btn--secondary:hover{background-color:#545b62;border-color:#545b62;box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}.btn--secondary:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.btn--secondary:disabled{box-shadow:none;cursor:not-allowed;transform:none}.btn--secondary:disabled,.btn--secondary:disabled:hover{background-color:#6c757d;border-color:#6c757d}.btn--success{background-color:#28a745;border:1px solid #28a745;border-radius:8px;color:#fff;cursor:pointer;font-family:Maven Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;transition:all .25s ease-in-out}.btn--success:hover{background-color:#1e7e34;border-color:#1e7e34;box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}.btn--success:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.btn--success:disabled{box-shadow:none;cursor:not-allowed;transform:none}.btn--success:disabled,.btn--success:disabled:hover{background-color:#6c757d;border-color:#6c757d}.btn--warning{background-color:#ffc107;border:1px solid #ffc107;border-radius:8px;color:#343a40;cursor:pointer;font-family:Maven Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;transition:all .25s ease-in-out}.btn--warning:hover{background-color:#d39e00;border-color:#d39e00;box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}.btn--warning:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.btn--warning:disabled{box-shadow:none;cursor:not-allowed;transform:none}.btn--warning:disabled,.btn--warning:disabled:hover{background-color:#6c757d;border-color:#6c757d}.btn--error{background-color:#dc3545;border:1px solid #dc3545;border-radius:8px;color:#fff;cursor:pointer;font-family:Maven Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;transition:all .25s ease-in-out}.btn--error:hover{background-color:#bd2130;border-color:#bd2130;box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}.btn--error:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.btn--error:disabled{box-shadow:none;cursor:not-allowed;transform:none}.btn--error:disabled,.btn--error:disabled:hover{background-color:#6c757d;border-color:#6c757d}.btn--info{background-color:#17a2b8;border:1px solid #17a2b8;border-radius:8px;color:#fff;cursor:pointer;font-family:Maven Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;transition:all .25s ease-in-out}.btn--info:hover{background-color:#117a8b;border-color:#117a8b;box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}.btn--info:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.btn--info:disabled{box-shadow:none;cursor:not-allowed;transform:none}.btn--info:disabled,.btn--info:disabled:hover{background-color:#6c757d;border-color:#6c757d}.btn--gold{background-color:#d4af37;border:1px solid #d4af37;border-radius:8px;color:#343a40;cursor:pointer;font-family:Maven Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;transition:all .25s ease-in-out}.btn--gold:hover{background-color:#b29126;border-color:#b29126;box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}.btn--gold:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.btn--gold:disabled{box-shadow:none;cursor:not-allowed;transform:none}.btn--gold:disabled,.btn--gold:disabled:hover{background-color:#6c757d;border-color:#6c757d}.btn--green{background-color:#4caf50;border:1px solid #4caf50;border-radius:8px;color:#fff;cursor:pointer;font-family:Maven Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;transition:all .25s ease-in-out}.btn--green:hover{background-color:#3d8b40;border-color:#3d8b40;box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}.btn--green:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.btn--green:disabled{box-shadow:none;cursor:not-allowed;transform:none}.btn--green:disabled,.btn--green:disabled:hover{background-color:#6c757d;border-color:#6c757d}.btn--outline{border:1px solid #7b2d8e}.btn--outline:hover{background:#7b2d8e}.btn--outline.btn--success{border-color:#28a745;color:#28a745}.btn--outline.btn--success:hover{background:#28a745;color:#fff}.btn--outline.btn--error{border-color:#dc3545;color:#dc3545}.btn--outline.btn--error:hover{background:#dc3545;color:#fff}.btn--ghost{border:none}.btn--ghost:hover{background:#7b2d8e1a}.btn--link{background:#0000;border:none;color:#7b2d8e;padding:0;text-decoration:underline}.btn--link:hover{background:#0000;box-shadow:none;color:#491b54;transform:none}.btn:loading{color:#0000;cursor:not-allowed;position:relative}.btn:loading:after{animation:spin 1s linear infinite;border:2px solid color-mix(in srgb,currentcolor 30%,#0000);border-radius:50%;border-top-color:initial;content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.btn--rounded{border-radius:50px}.btn--square{border-radius:0}.btn--circle{border-radius:50%;height:40px;padding:0;width:40px}.btn-group{align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}.btn-group .btn{border-radius:0;border-right-width:0}.btn-group .btn:first-child{border-radius:8px 0 0 8px}.btn-group .btn:last-child{border-radius:0 8px 8px 0;border-right-width:1px}.btn-group .btn:only-child{border-radius:8px;border-right-width:1px}.dropdown{display:inline-block;position:relative}.dropdown__toggle{cursor:pointer}.dropdown__menu{background:#fff;border:1px solid #dee2e6;border-radius:6px;box-shadow:0 8px 16px #00000026;left:0;min-width:200px;opacity:0;position:absolute;top:100%;transform:translateY(-10px);transition:all .25s ease-in-out;visibility:hidden;z-index:1000}.dropdown__menu.show{opacity:1;transform:translateY(0);visibility:visible}.dropdown__menu--right{left:auto;right:0}.dropdown__item{align-items:center;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:flex-start;padding:.5rem 1rem;transition:background-color .25s ease-in-out}.dropdown__item:hover{background:#ebebe7}.dropdown__item:first-child{border-radius:6px 6px 0 0}.dropdown__item:last-child{border-radius:0 0 6px 6px}.dropdown__item--danger{color:#dc3545}.dropdown__item--danger:hover{background:#dc35451a}.dropdown__item--divider{background:#dee2e6;cursor:default;height:1px;margin:.25rem 0;padding:0}.dropdown__item--divider:hover{background:#dee2e6}.tooltip{position:relative}.tooltip__content{background:#343a40;border-radius:.5rem;bottom:100%;color:#fff;font-size:.75rem;margin-bottom:.25rem;opacity:0;padding:.5rem 1rem;transition:all .25s ease-in-out;visibility:hidden;white-space:nowrap;z-index:1100}.tooltip__content,.tooltip__content:after{left:50%;position:absolute;transform:translateX(-50%)}.tooltip__content:after{border:4px solid #0000;border-top-color:#343a40;content:"";top:100%}.tooltip:hover .tooltip__content{opacity:1;visibility:visible}.badge{align-items:center;border-radius:50px;display:inline-flex;font-size:.75rem;padding:.25rem .5rem}.badge--primary{background:#7b2d8e1a;color:#7b2d8e}.badge--success{background:#28a7451a;color:#28a745}.badge--warning{background:#ffc1071a;color:#a07800}.badge--error{background:#dc35451a;color:#dc3545}.badge--info{background:#17a2b81a;color:#17a2b8}.alert{border-radius:6px;justify-content:space-between;margin-bottom:1rem}.alert,.alert__content{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap}.alert__content{flex:1 1;gap:.5rem;justify-content:flex-start}.alert__content .icon{margin-top:2px}.alert__content .message{flex:1 1}.alert__close{background-color:#0000;border:1px solid #0000;border-radius:8px;color:inherit;cursor:pointer;font-family:Maven Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;margin-left:1rem;padding:0;transition:all .25s ease-in-out}.alert__close:hover{background-color:#0000;border-color:#0000;box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}.alert__close:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.alert__close:disabled{box-shadow:none;cursor:not-allowed;transform:none}.alert__close:disabled,.alert__close:disabled:hover{background-color:#6c757d;border-color:#6c757d}.alert--success{background:#28a7451a;border:1px solid #28a7454d;color:#1e7e34}.alert--warning{background:#ffc1071a;border:1px solid #ffc1074d;color:#a07800}.alert--error{background:#dc35451a;border:1px solid #dc35454d;color:#bd2130}.alert--info{background:#17a2b81a;border:1px solid #17a2b84d;color:#117a8b}.tabs{border-bottom:1px solid #dee2e6;margin-bottom:1.5rem}.tabs__nav{align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;list-style:none;margin:0;padding:0}.tabs__tab .tab-link{border-bottom:2px solid #0000;color:#6c757d;display:block;font-weight:500;padding:1rem 1.5rem;text-decoration:none;transition:all .25s ease-in-out}.tabs__tab .tab-link.active,.tabs__tab .tab-link:hover{background:#7b2d8e0d;color:#7b2d8e}.tabs__tab .tab-link.active{border-bottom-color:#7b2d8e}.tabs__content .tab-pane{display:none}.tabs__content .tab-pane.active{animation:fadeIn .25s ease-in-out;display:block}.loading-container{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;min-height:200px;padding:2rem;width:100%}.loading-spinner-single{border:4px solid #83459433;border-top-color:#834594;display:block}.loading-message{color:#834594;font-size:1rem;font-weight:600;margin-top:1.5rem;text-align:center}.page-loading{background:#fff;min-height:70vh;padding:3rem;width:100%}.loading-overlay,.page-loading{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center}.loading-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fffffff2;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1060}.loading-content{align-items:center;background:#fff;border:1px solid #8345941a;border-radius:40px;box-shadow:0 8px 16px #00000026;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;padding:3rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bottom-tab-menu{align-items:center;background:#fff;border-top:1px solid #e0e0e0;bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;left:0;padding:0;position:fixed;right:0;z-index:998}@media(min-width:769px){.bottom-tab-menu{left:220px}}.tab-menu-container{-ms-overflow-style:none;align-items:stretch;display:flex;flex:1 1;height:55px;justify-content:flex-start;margin:0 auto;max-width:1400px;overflow-x:auto;overflow-y:hidden;padding:0;scroll-behavior:smooth;scrollbar-width:none}.tab-menu-container::-webkit-scrollbar{display:none}.tab-menu-item{align-items:center;background:#0000;border:none;color:#1a1a2e;cursor:pointer;display:flex;flex:0 0 auto;font-size:12px;font-weight:600;justify-content:center;letter-spacing:.3px;min-width:-webkit-fit-content;min-width:fit-content;padding:0 16px;position:relative;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.tab-menu-item:after{background:#ccc;bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transition:all .3s ease}.tab-menu-item:hover{color:#7b2d8e}.tab-menu-item.active{background:#fff;border:2px solid #7b2d8e;border-bottom:none;border-top-left-radius:12px;border-top-right-radius:12px;color:#7b2d8e;margin-top:-2px}.tab-menu-item.active:after{display:none}.tab-menu-item:focus{box-shadow:inset 0 0 0 2px #7b2d8e;outline:none}.tab-icon,.tab-icon-wrapper{display:none}.tab-label{font-size:12px;font-weight:600;letter-spacing:.3px;line-height:1.2;text-align:center;text-transform:uppercase;transition:all .2s ease}@media(max-width:768px){.tab-label{font-size:11px}}.scroll-arrow{align-items:center;background:#fffffff2;border:1px solid #e0e0e0;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#7b2d8e;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:36px;z-index:10}.scroll-arrow:hover{background:#7b2d8e;box-shadow:0 4px 12px #7b2d8e4d;color:#fff}.scroll-arrow:active{transform:translateY(-50%) scale(.95)}.scroll-arrow.scroll-arrow-left{left:8px}@media(min-width:769px){.scroll-arrow.scroll-arrow-left{left:228px}}.scroll-arrow.scroll-arrow-right{right:8px}@media(min-width:1200px){.scroll-arrow{display:none}}@media(max-width:768px){.tab-menu-container{height:55px;padding:4px 0}.tab-menu-item{font-size:11px;padding:0 14px}.scroll-arrow{height:32px;width:32px}.scroll-arrow.scroll-arrow-left{left:4px}.scroll-arrow.scroll-arrow-right{right:4px}}@media(max-width:480px){.tab-menu-container{height:50px}.tab-menu-item{font-size:10px;padding:0 12px}.tab-label{font-size:10px}.scroll-arrow{height:28px;width:28px}.scroll-arrow svg{height:16px;width:16px}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.bottom-tab-menu{animation:slideUp .4s cubic-bezier(.4,0,.2,1)}body{padding-bottom:65px}@media(max-width:768px){body{padding-bottom:60px}}@media(max-width:480px){body{padding-bottom:55px}}.tab-menu-item[data-color=green]{--tab-color:#4caf50}.tab-menu-item[data-color=blue]{--tab-color:#2196f3}.tab-menu-item[data-color=orange]{--tab-color:#ff9800}.tab-menu-item[data-color=purple]{--tab-color:#9c27b0}.tab-menu-item[data-color=red]{--tab-color:#f44336}.inventario-page .filter-tabs-container{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.inventario-page .filter-tabs-container .filter-tabs{display:flex;gap:.25rem;gap:var(--spacing-xs);overflow-x:auto;padding-bottom:.25rem;padding-bottom:var(--spacing-xs)}.inventario-page .filter-tabs-container .filter-tabs .filter-tab{background-color:#fff;background-color:var(--bg-card);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--border-radius);color:#6c757d;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:.25s ease-in-out;transition:var(--transition);white-space:nowrap}.inventario-page .filter-tabs-container .filter-tabs .filter-tab:hover{background-color:#ebebe7;background-color:var(--color-gray-100);border-color:#b2bcc5;border-color:var(--border-dark)}.inventario-page .filter-tabs-container .filter-tabs .filter-tab.active{background-color:#7b2d8e;background-color:var(--color-primary);border-color:#7b2d8e;border-color:var(--color-primary);color:#fff;color:var(--text-light)}.inventario-page .filter-tabs-container .filter-tabs .filter-tab--warning.active{background-color:#ffc107;background-color:var(--color-warning);border-color:#ffc107;border-color:var(--color-warning);color:#1d2124;color:var(--color-gray-700)}.inventario-page .filter-tabs-container .filter-tabs .filter-tab--danger.active{background-color:#dc3545;background-color:var(--color-danger);border-color:#dc3545;border-color:var(--color-danger);color:#fff;color:var(--text-light)}.inventario-page .filter-tabs-container .filter-tabs .filter-tab--info.active{background-color:#17a2b8;background-color:var(--color-info);border-color:#17a2b8;border-color:var(--color-info);color:#fff;color:var(--text-light)}.clientes-page .inventario-page .client-card,.inventario-page .clientes-page .client-card,.inventario-page .content-card,.inventario-page .content-card-list{position:relative}.clientes-page .inventario-page .client-card .status-badge,.inventario-page .clientes-page .client-card .status-badge,.inventario-page .content-card .status-badge,.inventario-page .content-card-list .status-badge{align-items:center;border-radius:.25rem;border-radius:var(--border-radius-sm);display:flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:700;font-weight:var(--font-weight-bold);gap:.25rem;gap:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:.25rem;right:var(--spacing-xs);top:.25rem;top:var(--spacing-xs);z-index:2}.clientes-page .inventario-page .client-card .status-badge--danger,.inventario-page .clientes-page .client-card .status-badge--danger,.inventario-page .content-card .status-badge--danger,.inventario-page .content-card-list .status-badge--danger{background-color:#dc3545;background-color:var(--color-danger);color:#fff}.clientes-page .inventario-page .client-card .status-badge--warning,.inventario-page .clientes-page .client-card .status-badge--warning,.inventario-page .content-card .status-badge--warning,.inventario-page .content-card-list .status-badge--warning{background-color:#ffc107;background-color:var(--color-warning);color:#1d2124;color:var(--color-gray-700)}.clientes-page .inventario-page .client-card .status-badge--info,.inventario-page .clientes-page .client-card .status-badge--info,.inventario-page .content-card .status-badge--info,.inventario-page .content-card-list .status-badge--info{background-color:#17a2b8;background-color:var(--color-info);color:#fff}.clientes-page .inventario-page .client-card .content-details,.inventario-page .clientes-page .client-card .content-details,.inventario-page .content-card .content-details,.inventario-page .content-card-list .content-details{margin-top:.5rem;margin-top:var(--spacing-sm)}.clientes-page .inventario-page .client-card .content-details .stock-info,.inventario-page .clientes-page .client-card .content-details .stock-info,.inventario-page .content-card .content-details .stock-info,.inventario-page .content-card-list .content-details .stock-info{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.clientes-page .inventario-page .client-card .content-details .stock-info .stock-level,.inventario-page .clientes-page .client-card .content-details .stock-info .stock-level,.inventario-page .content-card .content-details .stock-info .stock-level,.inventario-page .content-card-list .content-details .stock-info .stock-level{font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold)}.clientes-page .inventario-page .client-card .content-details .stock-info .stock-level.agotado,.inventario-page .clientes-page .client-card .content-details .stock-info .stock-level.agotado,.inventario-page .content-card .content-details .stock-info .stock-level.agotado,.inventario-page .content-card-list .content-details .stock-info .stock-level.agotado{color:#dc3545;color:var(--color-danger)}.clientes-page .inventario-page .client-card .content-details .stock-info .stock-level.poco_stock,.inventario-page .clientes-page .client-card .content-details .stock-info .stock-level.poco_stock,.inventario-page .content-card .content-details .stock-info .stock-level.poco_stock,.inventario-page .content-card-list .content-details .stock-info .stock-level.poco_stock{color:#ffc107;color:var(--color-warning)}.clientes-page .inventario-page .client-card .content-details .stock-info .stock-level.exceso,.inventario-page .clientes-page .client-card .content-details .stock-info .stock-level.exceso,.inventario-page .content-card .content-details .stock-info .stock-level.exceso,.inventario-page .content-card-list .content-details .stock-info .stock-level.exceso{color:#17a2b8;color:var(--color-info)}.clientes-page .inventario-page .client-card .content-details .stock-info .stock-level.normal,.inventario-page .clientes-page .client-card .content-details .stock-info .stock-level.normal,.inventario-page .content-card .content-details .stock-info .stock-level.normal,.inventario-page .content-card-list .content-details .stock-info .stock-level.normal{color:#28a745;color:var(--color-success)}.clientes-page .inventario-page .client-card .content-details .stock-info .stock-range,.inventario-page .clientes-page .client-card .content-details .stock-info .stock-range,.inventario-page .content-card .content-details .stock-info .stock-range,.inventario-page .content-card-list .content-details .stock-info .stock-range{color:#6c757d;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-xs)}.clientes-page .inventario-page .client-card .content-details .price-info .total-value,.inventario-page .clientes-page .client-card .content-details .price-info .total-value,.inventario-page .content-card .content-details .price-info .total-value,.inventario-page .content-card-list .content-details .price-info .total-value{color:#28a745;color:var(--color-success);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold)}.clientes-page .inventario-page .client-card .content-details .price-info .unit-price,.inventario-page .clientes-page .client-card .content-details .price-info .unit-price,.inventario-page .content-card .content-details .price-info .unit-price,.inventario-page .content-card-list .content-details .price-info .unit-price{color:#6c757d;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-xs)}.inventario-page .content-card-list .content-meta .meta-item.stock-agotado{color:#dc3545;color:var(--color-danger);font-weight:600;font-weight:var(--font-weight-semibold)}.inventario-page .content-card-list .content-meta .meta-item.stock-poco_stock{color:#ffc107;color:var(--color-warning);font-weight:600;font-weight:var(--font-weight-semibold)}.inventario-page .content-card-list .content-meta .meta-item.stock-exceso{color:#17a2b8;color:var(--color-info);font-weight:600;font-weight:var(--font-weight-semibold)}.inventario-page .content-card-list .content-meta .meta-item.stock-normal{color:#28a745;color:var(--color-success)}.clientes-page .proveedores-page .client-card .content-details .location-info,.proveedores-page .clientes-page .client-card .content-details .location-info,.proveedores-page .content-card .content-details .location-info,.proveedores-page .content-card-list .content-details .location-info{align-items:center;color:#6c757d;color:var(--text-secondary);display:flex;font-size:.75rem;font-size:var(--font-size-xs);gap:.25rem;gap:var(--spacing-xs);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.clientes-page .proveedores-page .client-card .content-details .location-info svg,.proveedores-page .clientes-page .client-card .content-details .location-info svg,.proveedores-page .content-card .content-details .location-info svg,.proveedores-page .content-card-list .content-details .location-info svg{color:#7b2d8e;color:var(--color-primary)}.clientes-page .proveedores-page .client-card .content-details .supplier-stats,.proveedores-page .clientes-page .client-card .content-details .supplier-stats,.proveedores-page .content-card .content-details .supplier-stats,.proveedores-page .content-card-list .content-details .supplier-stats{display:flex;gap:1rem;gap:var(--spacing-md)}.clientes-page .proveedores-page .client-card .content-details .supplier-stats .stat-item,.proveedores-page .clientes-page .client-card .content-details .supplier-stats .stat-item,.proveedores-page .content-card .content-details .supplier-stats .stat-item,.proveedores-page .content-card-list .content-details .supplier-stats .stat-item{color:#6c757d;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium)}.clientes-page .proveedores-page .client-card .status-badge,.proveedores-page .clientes-page .client-card .status-badge,.proveedores-page .content-card .status-badge,.proveedores-page .content-card-list .status-badge{border-radius:.25rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:.25rem;right:var(--spacing-xs);top:.25rem;top:var(--spacing-xs)}.clientes-page .proveedores-page .client-card .status-badge--warning,.proveedores-page .clientes-page .client-card .status-badge--warning,.proveedores-page .content-card .status-badge--warning,.proveedores-page .content-card-list .status-badge--warning{background-color:#ffc107;background-color:var(--color-warning);color:#1d2124;color:var(--color-gray-700)}.clientes-page .proveedores-page .client-card .status-badge--gray,.proveedores-page .clientes-page .client-card .status-badge--gray,.proveedores-page .content-card .status-badge--gray,.proveedores-page .content-card-list .status-badge--gray{background-color:#545b62;background-color:var(--color-gray-500);color:#fff}.proveedores-page .content-card-list .content-meta .meta-item.info{color:#17a2b8;color:var(--color-info);font-weight:500;font-weight:var(--font-weight-medium)}.clientes-page .vendedores-page .client-card .content-details .performance-info,.vendedores-page .clientes-page .client-card .content-details .performance-info,.vendedores-page .content-card .content-details .performance-info,.vendedores-page .content-card-list .content-details .performance-info{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.clientes-page .vendedores-page .client-card .content-details .performance-info .performance-stars,.vendedores-page .clientes-page .client-card .content-details .performance-info .performance-stars,.vendedores-page .content-card .content-details .performance-info .performance-stars,.vendedores-page .content-card-list .content-details .performance-info .performance-stars{color:#ffc107;color:var(--color-warning);font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.clientes-page .vendedores-page .client-card .content-details .performance-info .performance-label,.vendedores-page .clientes-page .client-card .content-details .performance-info .performance-label,.vendedores-page .content-card .content-details .performance-info .performance-label,.vendedores-page .content-card-list .content-details .performance-info .performance-label{color:#6c757d;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium)}.clientes-page .vendedores-page .client-card .content-details .sales-stats,.vendedores-page .clientes-page .client-card .content-details .sales-stats,.vendedores-page .content-card .content-details .sales-stats,.vendedores-page .content-card-list .content-details .sales-stats{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.clientes-page .vendedores-page .client-card .content-details .sales-stats .stat-item,.vendedores-page .clientes-page .client-card .content-details .sales-stats .stat-item,.vendedores-page .content-card .content-details .sales-stats .stat-item,.vendedores-page .content-card-list .content-details .sales-stats .stat-item{align-items:center;color:#6c757d;color:var(--text-secondary);display:flex;font-size:.75rem;font-size:var(--font-size-xs);gap:.25rem;gap:var(--spacing-xs)}.clientes-page .vendedores-page .client-card .content-details .sales-stats .stat-item svg,.vendedores-page .clientes-page .client-card .content-details .sales-stats .stat-item svg,.vendedores-page .content-card .content-details .sales-stats .stat-item svg,.vendedores-page .content-card-list .content-details .sales-stats .stat-item svg{color:#7b2d8e;color:var(--color-primary)}.clientes-page .vendedores-page .client-card .status-badge,.vendedores-page .clientes-page .client-card .status-badge,.vendedores-page .content-card .status-badge,.vendedores-page .content-card-list .status-badge{border-radius:.25rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:.25rem;right:var(--spacing-xs);top:.25rem;top:var(--spacing-xs)}.clientes-page .vendedores-page .client-card .status-badge--gold,.vendedores-page .clientes-page .client-card .status-badge--gold,.vendedores-page .content-card .status-badge--gold,.vendedores-page .content-card-list .status-badge--gold{align-items:center;background:linear-gradient(135deg,gold,#ffed4e);color:#8b6914;display:flex;gap:.25rem;gap:var(--spacing-xs)}.clientes-page .vendedores-page .client-card .status-badge--gray,.vendedores-page .clientes-page .client-card .status-badge--gray,.vendedores-page .content-card .status-badge--gray,.vendedores-page .content-card-list .status-badge--gray{background-color:#545b62;background-color:var(--color-gray-500);color:#fff}.vendedores-page .content-card-list .content-meta .meta-item.info{color:#17a2b8;color:var(--color-info);font-weight:500;font-weight:var(--font-weight-medium)}.content-thumbnail-small.gold-gradient,.content-thumbnail.gold-gradient{background:linear-gradient(135deg,gold,#ffed4e);color:#8b6914}.content-thumbnail-small.gray-gradient,.content-thumbnail.gray-gradient{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.content-thumbnail-small.orange-gradient,.content-thumbnail.orange-gradient{background:linear-gradient(135deg,#fd7e14,#e55730);color:#fff}.content-thumbnail-small.indigo-gradient,.content-thumbnail.indigo-gradient{background:linear-gradient(135deg,#6610f2,#563d7c);color:#fff}.content-thumbnail-small.yellow-gradient,.content-thumbnail.yellow-gradient{background:linear-gradient(135deg,#ffc107,#e0a800);color:#8b6914}.content-thumbnail-small.blue-gradient,.content-thumbnail.blue-gradient{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.content-thumbnail-small.blue-light-gradient,.content-thumbnail.blue-light-gradient{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.content-thumbnail-small.blue-dark-gradient,.content-thumbnail.blue-dark-gradient{background:linear-gradient(135deg,#343a40,#212529);color:#fff}.content-thumbnail-small.lime-gradient,.content-thumbnail.lime-gradient{background:linear-gradient(135deg,#8dc63f,#7ab82f);color:#fff}.content-thumbnail-small.purple-gradient,.content-thumbnail.purple-gradient{background:linear-gradient(135deg,#639,#5a2d91);color:#fff}.content-thumbnail-small.red-gradient,.content-thumbnail.red-gradient{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}@media(max-width:767px){.inventario-page .filter-tabs-container .filter-tabs,.proveedores-page .filter-tabs-container .filter-tabs,.vendedores-page .filter-tabs-container .filter-tabs{gap:.25rem;gap:var(--spacing-xs);padding-bottom:.5rem;padding-bottom:var(--spacing-sm)}.inventario-page .filter-tabs-container .filter-tabs .filter-tab,.proveedores-page .filter-tabs-container .filter-tabs .filter-tab,.vendedores-page .filter-tabs-container .filter-tabs .filter-tab{font-size:.75rem;font-size:var(--font-size-xs);min-width:auto;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.clientes-page .inventario-page .client-card .content-details .sales-stats,.clientes-page .inventario-page .client-card .content-details .supplier-stats,.clientes-page .proveedores-page .client-card .content-details .sales-stats,.clientes-page .proveedores-page .client-card .content-details .supplier-stats,.clientes-page .vendedores-page .client-card .content-details .sales-stats,.clientes-page .vendedores-page .client-card .content-details .supplier-stats,.inventario-page .clientes-page .client-card .content-details .sales-stats,.inventario-page .clientes-page .client-card .content-details .supplier-stats,.inventario-page .content-card .content-details .sales-stats,.inventario-page .content-card .content-details .supplier-stats,.proveedores-page .clientes-page .client-card .content-details .sales-stats,.proveedores-page .clientes-page .client-card .content-details .supplier-stats,.proveedores-page .content-card .content-details .sales-stats,.proveedores-page .content-card .content-details .supplier-stats,.vendedores-page .clientes-page .client-card .content-details .sales-stats,.vendedores-page .clientes-page .client-card .content-details .supplier-stats,.vendedores-page .content-card .content-details .sales-stats,.vendedores-page .content-card .content-details .supplier-stats{flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}}.inventario-page{padding:20px}.inventario-page .page-title{color:#2c3e50;font-size:24px;font-weight:700;margin:0 0 20px}.inventario-page .inventory-tabs{display:flex;gap:15px;margin-bottom:20px}.inventario-page .inventory-tabs .inventory-tab{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:15px 20px;transition:all .3s ease}.inventario-page .inventory-tabs .inventory-tab:hover{background:#7b2d8e0d;border-color:#7b2d8e;color:#7b2d8e}.inventario-page .inventory-tabs .inventory-tab.active{background:linear-gradient(135deg,#7b2d8e,#834594);border-color:#7b2d8e;box-shadow:0 4px 12px #7b2d8e4d;color:#fff}.inventario-page .inventory-tabs .inventory-tab.active svg{color:#fff}.inventario-page .inventory-tabs .inventory-tab svg{font-size:18px}.inventario-page .inventory-filters{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:20px;margin-bottom:20px;padding:15px}.inventario-page .inventory-filters .filter-checkbox{align-items:center;color:#666;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px}.inventario-page .inventory-filters .filter-checkbox input[type=checkbox]{accent-color:#7b2d8e;cursor:pointer;height:18px;width:18px}.inventario-page .inventory-filters .filter-checkbox span{-webkit-user-select:none;user-select:none}.inventario-page .inventory-filters .filter-checkbox:hover{color:#7b2d8e}.inventario-page .empty-state{background:#fff;border-radius:8px;margin-top:20px;padding:60px 20px;text-align:center}.inventario-page .empty-state .empty-state-icon{color:#ccc;margin-bottom:20px}.inventario-page .empty-state .empty-state-title{color:#333;font-size:20px;font-weight:600;margin-bottom:10px}.inventario-page .empty-state .empty-state-description{color:#666;font-size:14px}.inventario-page .table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-top:20px;overflow:hidden}.inventario-page .table-container .data-table{border-collapse:collapse;width:100%}.inventario-page .table-container .data-table thead{background:#f8f9fa}.inventario-page .table-container .data-table thead tr th{border-bottom:2px solid #dee2e6;color:#495057;font-size:12px;font-weight:700;padding:15px 12px;text-align:left}.inventario-page .table-container .data-table thead tr th.text-center{text-align:center}.inventario-page .table-container .data-table thead tr th.text-right{text-align:right}.inventario-page .table-container .data-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s}.inventario-page .table-container .data-table tbody tr:hover{background:#f8f9fa}.inventario-page .table-container .data-table tbody tr td{font-size:14px;padding:15px 12px}.inventario-page .table-container .data-table tbody tr td.text-center{text-align:center}.inventario-page .table-container .data-table tbody tr td.text-right{text-align:right}.inventario-page .table-container .data-table tbody tr td strong{font-weight:600}.clientes-page .inventario-page .client-card .content-thumbnail,.inventario-page .clientes-page .client-card .content-thumbnail,.inventario-page .content-card .content-thumbnail{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center}.clientes-page .inventario-page .client-card .content-thumbnail .inventory-label,.inventario-page .clientes-page .client-card .content-thumbnail .inventory-label,.inventario-page .content-card .content-thumbnail .inventory-label{color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;line-height:1.3;margin-bottom:12px;text-transform:uppercase}.clientes-page .inventario-page .client-card .content-thumbnail .inventory-stock,.inventario-page .clientes-page .client-card .content-thumbnail .inventory-stock,.inventario-page .content-card .content-thumbnail .inventory-stock{color:#fff;font-size:48px;font-weight:700;line-height:1}.clientes-page .inventario-page .client-card .content-thumbnail .inventory-code,.inventario-page .clientes-page .client-card .content-thumbnail .inventory-code,.inventario-page .content-card .content-thumbnail .inventory-code{color:#fff;font-size:14px;margin-bottom:8px;opacity:.9}.inventario-page .content-card-list .content-thumbnail-small .thumbnail-icon{color:#fff;font-size:24px}.inventario-page .movements-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.inventario-page .movements-table-container .data-table{border-collapse:collapse;width:100%}.inventario-page .movements-table-container .data-table thead tr{border-bottom:2px solid #e9ecef}.inventario-page .movements-table-container .data-table thead tr th{color:#495057;font-size:14px;font-weight:600;padding:12px;text-align:left}.inventario-page .movements-table-container .data-table tbody tr{border-bottom:1px solid #e9ecef}.inventario-page .movements-table-container .data-table tbody tr:hover{background:#f8f9fa}.inventario-page .movements-table-container .data-table tbody tr td{font-size:14px;padding:12px}.inventario-page .movements-table-container .data-table tbody tr td.text-center{color:#6c757d;padding:40px;text-align:center}.inventario-page .movements-table-container .data-table tbody tr td.text-right{text-align:right}.inventario-page .movements-table-container .data-table tbody tr td .badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 12px}.inventario-page .movements-table-container .data-table tbody tr td .badge--success{background:#e8f5e9;color:#388e3c}.inventario-page .movements-table-container .data-table tbody tr td .badge--danger{background:#ffebee;color:#d32f2f}.inventario-page .movements-table-container .data-table tbody tr td .badge--info{background:#e3f2fd;color:#1976d2}.inventario-page .movements-table-container .data-table tbody tr td .badge .text-success{color:#388e3c}.inventario-page .movements-table-container .data-table tbody tr td .badge .text-danger{color:#d32f2f}.inventario-page .alerts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.inventario-page .alerts-grid .empty-state{color:#6c757d;grid-column:1/-1;padding:60px 20px;text-align:center}.inventario-page .alerts-grid .empty-state svg{margin-bottom:16px;opacity:.5}.inventario-page .alerts-grid .alert-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.inventario-page .alerts-grid .alert-card .alert-card-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:16px}.inventario-page .alerts-grid .alert-card .alert-card-header h3{font-size:16px;font-weight:600;margin:0}.inventario-page .alerts-grid .alert-card .alert-card-header .badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px}.inventario-page .alerts-grid .alert-card .alert-card-header .badge--danger{background:#ffebee;color:#d32f2f}.inventario-page .alerts-grid .alert-card .alert-card-header .badge--warning{background:#fff3e0;color:#f57c00}.inventario-page .alerts-grid .alert-card .alert-card-body .stock-info{display:flex;gap:24px;margin-bottom:16px}.inventario-page .alerts-grid .alert-card .alert-card-body .stock-info>div{display:flex;flex-direction:column}.inventario-page .alerts-grid .alert-card .alert-card-body .stock-info>div .label{color:#6c757d;font-size:12px;margin-bottom:4px}.inventario-page .alerts-grid .alert-card .alert-card-body .stock-info>div .value{font-size:18px;font-weight:600}.inventario-page .status-badge--success{background:linear-gradient(135deg,#c7e7c8,#d9eeda);border:1px solid #a3d7a5;color:#3d8b40}.inventario-page .status-badge--warning{background:linear-gradient(135deg,#ebd9a0,#efe1b5);border:1px solid #e2c876;color:#886f1d}.inventario-page .status-badge--danger{background:linear-gradient(135deg,#f6cdd1,#fae3e5);border:1px solid #efa2a9;color:#d32535}.inventario-page .ajuste-form .form-group{margin-bottom:20px}.inventario-page .ajuste-form .form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.inventario-page .ajuste-form .form-group .selected-product{font-weight:600;margin:0 0 4px}.inventario-page .ajuste-form .form-group .stock-actual{color:#6c757d;font-size:14px;margin:0}.inventario-page .ajuste-form .form-group .form-control{border:1px solid #dee2e6;border-radius:6px;font-size:14px;padding:10px 12px;width:100%}.inventario-page .ajuste-form .form-group .form-control:focus{border-color:#7b2d8e;box-shadow:0 0 0 3px #7b2d8e1a;outline:none}.inventario-page .ajuste-form .form-group .product-results{border:1px solid #dee2e6;border-radius:6px;margin-top:8px;max-height:200px;overflow-y:auto}.inventario-page .ajuste-form .form-group .product-results .product-result-item{border-bottom:1px solid #e9ecef;cursor:pointer;padding:12px}.inventario-page .ajuste-form .form-group .product-results .product-result-item:hover{background:#7b2d8e0d;border-left:3px solid #7b2d8e}.inventario-page .ajuste-form .form-group .product-results .product-result-item:last-child{border-bottom:none}.inventario-page .ajuste-form .modal-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.compra-detalle-page,.compra-form-page,.compra-recibir-page,.compras-page{background-color:var(--color-background);min-height:calc(100vh - 80px);padding:2rem}.compra-detalle-page .page-header,.compra-form-page .page-header,.compra-recibir-page .page-header,.compras-page .page-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.compra-detalle-page .page-header .header-left,.compra-form-page .page-header .header-left,.compra-recibir-page .page-header .header-left,.compras-page .page-header .header-left{align-items:center;display:flex;gap:1rem}.compra-detalle-page .page-header .header-left .page-title-section .page-title,.compra-detalle-page .page-header .header-left .page-title-section h1,.compra-form-page .page-header .header-left .page-title-section .page-title,.compra-form-page .page-header .header-left .page-title-section h1,.compra-recibir-page .page-header .header-left .page-title-section .page-title,.compra-recibir-page .page-header .header-left .page-title-section h1,.compras-page .page-header .header-left .page-title-section .page-title,.compras-page .page-header .header-left .page-title-section h1{color:var(--color-text-primary);font-size:2rem;font-weight:700;margin:0}.compra-detalle-page .page-header .header-left .page-title-section .page-subtitle,.compra-form-page .page-header .header-left .page-title-section .page-subtitle,.compra-recibir-page .page-header .header-left .page-title-section .page-subtitle,.compras-page .page-header .header-left .page-title-section .page-subtitle{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.compra-detalle-page .page-header .header-actions,.compra-form-page .page-header .header-actions,.compra-recibir-page .page-header .header-actions,.compras-page .page-header .header-actions{display:flex;gap:.75rem}.compra-detalle-page .filter-tabs,.compra-form-page .filter-tabs,.compra-recibir-page .filter-tabs,.compras-page .filter-tabs{display:flex;gap:.5rem;gap:var(--spacing-sm);margin-bottom:2rem;margin-bottom:var(--spacing-xl);overflow-x:auto;padding-bottom:.25rem;padding-bottom:var(--spacing-xs)}.compra-detalle-page .filter-tabs .filter-tab,.compra-form-page .filter-tabs .filter-tab,.compra-recibir-page .filter-tabs .filter-tab,.compras-page .filter-tabs .filter-tab{background-color:#fff;background-color:var(--bg-card);border:2px solid #edeff1;border:2px solid var(--border-light);border-radius:6px;border-radius:var(--border-radius);cursor:pointer;flex:1 1;min-width:150px;padding:1rem;padding:var(--spacing-md);text-align:center;transition:.25s ease-in-out;transition:var(--transition)}.compra-detalle-page .filter-tabs .filter-tab:hover,.compra-form-page .filter-tabs .filter-tab:hover,.compra-recibir-page .filter-tabs .filter-tab:hover,.compras-page .filter-tabs .filter-tab:hover{background-color:#f0f0ed;background-color:var(--color-gray-50);border-color:#7b2d8e;border-color:var(--color-primary);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.compra-detalle-page .filter-tabs .filter-tab.active,.compra-form-page .filter-tabs .filter-tab.active,.compra-recibir-page .filter-tabs .filter-tab.active,.compras-page .filter-tabs .filter-tab.active{background-color:#7b2d8e;background-color:var(--color-primary);border-color:#7b2d8e;border-color:var(--color-primary);box-shadow:0 4px 8px #0000001f;box-shadow:var(--shadow-md)}.compra-detalle-page .filter-tabs .filter-tab.active .tab-amount,.compra-detalle-page .filter-tabs .filter-tab.active .tab-content,.compra-detalle-page .filter-tabs .filter-tab.active .tab-content .tab-label,.compra-detalle-page .filter-tabs .filter-tab.active .tab-content .tab-number,.compra-form-page .filter-tabs .filter-tab.active .tab-amount,.compra-form-page .filter-tabs .filter-tab.active .tab-content,.compra-form-page .filter-tabs .filter-tab.active .tab-content .tab-label,.compra-form-page .filter-tabs .filter-tab.active .tab-content .tab-number,.compra-recibir-page .filter-tabs .filter-tab.active .tab-amount,.compra-recibir-page .filter-tabs .filter-tab.active .tab-content,.compra-recibir-page .filter-tabs .filter-tab.active .tab-content .tab-label,.compra-recibir-page .filter-tabs .filter-tab.active .tab-content .tab-number,.compras-page .filter-tabs .filter-tab.active .tab-amount,.compras-page .filter-tabs .filter-tab.active .tab-content,.compras-page .filter-tabs .filter-tab.active .tab-content .tab-label,.compras-page .filter-tabs .filter-tab.active .tab-content .tab-number{color:#fff;color:var(--text-light)}.compra-detalle-page .filter-tabs .filter-tab .tab-content,.compra-form-page .filter-tabs .filter-tab .tab-content,.compra-recibir-page .filter-tabs .filter-tab .tab-content,.compras-page .filter-tabs .filter-tab .tab-content{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.compra-detalle-page .filter-tabs .filter-tab .tab-content .tab-number,.compra-form-page .filter-tabs .filter-tab .tab-content .tab-number,.compra-recibir-page .filter-tabs .filter-tab .tab-content .tab-number,.compras-page .filter-tabs .filter-tab .tab-content .tab-number{color:#343a40;color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-xxl);font-weight:700;font-weight:var(--font-weight-bold)}.compra-detalle-page .filter-tabs .filter-tab .tab-content .tab-label,.compra-form-page .filter-tabs .filter-tab .tab-content .tab-label,.compra-recibir-page .filter-tabs .filter-tab .tab-content .tab-label,.compras-page .filter-tabs .filter-tab .tab-content .tab-label{color:#6c757d;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.compra-detalle-page .filter-tabs .filter-tab .tab-amount,.compra-form-page .filter-tabs .filter-tab .tab-amount,.compra-recibir-page .filter-tabs .filter-tab .tab-amount,.compras-page .filter-tabs .filter-tab .tab-amount{color:#7b2d8e;color:var(--color-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold)}@media(max-width:991px){.compra-detalle-page .filter-tabs .filter-tab,.compra-form-page .filter-tabs .filter-tab,.compra-recibir-page .filter-tabs .filter-tab,.compras-page .filter-tabs .filter-tab{min-width:120px;padding:.5rem;padding:var(--spacing-sm)}.compra-detalle-page .filter-tabs .filter-tab .tab-content .tab-number,.compra-form-page .filter-tabs .filter-tab .tab-content .tab-number,.compra-recibir-page .filter-tabs .filter-tab .tab-content .tab-number,.compras-page .filter-tabs .filter-tab .tab-content .tab-number{font-size:1.25rem;font-size:var(--font-size-xl)}}@media(max-width:767px){.compra-detalle-page .filter-tabs,.compra-form-page .filter-tabs,.compra-recibir-page .filter-tabs,.compras-page .filter-tabs{flex-wrap:nowrap;overflow-x:scroll}.compra-detalle-page .filter-tabs .filter-tab,.compra-form-page .filter-tabs .filter-tab,.compra-recibir-page .filter-tabs .filter-tab,.compras-page .filter-tabs .filter-tab{flex:0 0 auto;min-width:100px}}.compra-detalle-page .stats-grid,.compra-form-page .stats-grid,.compra-recibir-page .stats-grid,.compras-page .stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.compra-detalle-page .stats-grid .stat-card,.compra-form-page .stats-grid .stat-card,.compra-recibir-page .stats-grid .stat-card,.compras-page .stats-grid .stat-card{background:#fff;border-left:4px solid #7b2d8e;border-left:4px solid var(--color-primary);border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.compra-detalle-page .stats-grid .stat-card.stat-card--warning,.compra-form-page .stats-grid .stat-card.stat-card--warning,.compra-recibir-page .stats-grid .stat-card.stat-card--warning,.compras-page .stats-grid .stat-card.stat-card--warning{border-left-color:#ffc107;border-left-color:var(--color-warning)}.compra-detalle-page .stats-grid .stat-card.stat-card--info,.compra-form-page .stats-grid .stat-card.stat-card--info,.compra-recibir-page .stats-grid .stat-card.stat-card--info,.compras-page .stats-grid .stat-card.stat-card--info{border-left-color:#17a2b8;border-left-color:var(--color-info)}.compra-detalle-page .stats-grid .stat-card.stat-card--success,.compra-form-page .stats-grid .stat-card.stat-card--success,.compra-recibir-page .stats-grid .stat-card.stat-card--success,.compras-page .stats-grid .stat-card.stat-card--success{border-left-color:#28a745;border-left-color:var(--color-success)}.compra-detalle-page .stats-grid .stat-card .stat-value,.compra-form-page .stats-grid .stat-card .stat-value,.compra-recibir-page .stats-grid .stat-card .stat-value,.compras-page .stats-grid .stat-card .stat-value{color:var(--color-text-primary);font-size:2rem;font-weight:700;margin-bottom:.25rem}.compra-detalle-page .stats-grid .stat-card .stat-label,.compra-form-page .stats-grid .stat-card .stat-label,.compra-recibir-page .stats-grid .stat-card .stat-label,.compras-page .stats-grid .stat-card .stat-label{color:var(--color-text-secondary);font-size:.875rem;letter-spacing:.5px;text-transform:uppercase}.compra-detalle-page .priority-indicator,.compra-form-page .priority-indicator,.compra-recibir-page .priority-indicator,.compras-page .priority-indicator{align-items:center;background:#ffc107;background:var(--color-warning);border-radius:50%;color:#fff;display:flex;height:1.5rem;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:1.5rem;z-index:10}.compra-detalle-page .priority-mini,.compra-form-page .priority-mini,.compra-recibir-page .priority-mini,.compras-page .priority-mini{align-items:center;border-radius:.25rem;border-radius:var(--border-radius-sm);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);margin-left:.25rem;margin-left:var(--spacing-xs);padding:2px .25rem;padding:2px var(--spacing-xs)}.compra-detalle-page .priority-mini--gray,.compra-form-page .priority-mini--gray,.compra-recibir-page .priority-mini--gray,.compras-page .priority-mini--gray{background:#6c757d1a;color:#343a40;color:var(--color-gray-600)}.compra-detalle-page .priority-mini--blue,.compra-form-page .priority-mini--blue,.compra-recibir-page .priority-mini--blue,.compras-page .priority-mini--blue{background:#0d6efd1a;color:#17a2b8;color:var(--color-info)}.compra-detalle-page .priority-mini--orange,.compra-form-page .priority-mini--orange,.compra-recibir-page .priority-mini--orange,.compras-page .priority-mini--orange{background:#ffc1071a;color:#856404}.compra-detalle-page .priority-mini--red,.compra-form-page .priority-mini--red,.compra-recibir-page .priority-mini--red,.compras-page .priority-mini--red{background:#dc35451a;color:#dc3545;color:var(--color-danger)}.compra-detalle-page .meta-item--warning,.compra-form-page .meta-item--warning,.compra-recibir-page .meta-item--warning,.compras-page .meta-item--warning{color:#ffc107;color:var(--color-warning);font-weight:600;font-weight:var(--font-weight-semibold)}.compra-detalle-page .priority-badge,.compra-form-page .priority-badge,.compra-recibir-page .priority-badge,.compras-page .priority-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.compra-detalle-page .priority-badge.priority-badge--gray,.compra-form-page .priority-badge.priority-badge--gray,.compra-recibir-page .priority-badge.priority-badge--gray,.compras-page .priority-badge.priority-badge--gray{background:#f3f4f6;color:#6b7280}.compra-detalle-page .priority-badge.priority-badge--blue,.compra-form-page .priority-badge.priority-badge--blue,.compra-recibir-page .priority-badge.priority-badge--blue,.compras-page .priority-badge.priority-badge--blue{background:#dbeafe;color:#1d4ed8}.compra-detalle-page .priority-badge.priority-badge--orange,.compra-form-page .priority-badge.priority-badge--orange,.compra-recibir-page .priority-badge.priority-badge--orange,.compras-page .priority-badge.priority-badge--orange{background:#fed7aa;color:#ea580c}.compra-detalle-page .priority-badge.priority-badge--red,.compra-form-page .priority-badge.priority-badge--red,.compra-recibir-page .priority-badge.priority-badge--red,.compras-page .priority-badge.priority-badge--red{background:#fecaca;color:#dc2626}.compra-form{background:#fff;border-radius:8px;padding:2rem}.compra-form .form-grid{display:flex;flex-direction:column;gap:2rem}.compra-form .form-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.compra-form .form-section .section-header h3{color:var(--color-text-primary);margin:0}.compra-form .form-section .section-header .section-actions{display:flex;gap:.5rem}.compra-form .form-section .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.compra-form .form-section .form-group{display:flex;flex-direction:column}.compra-form .form-section .form-group label{color:var(--color-text-primary);font-weight:500;margin-bottom:.5rem}.compra-form .form-section .form-group input,.compra-form .form-section .form-group select,.compra-form .form-section .form-group textarea{border:1px solid var(--color-border);border-radius:4px;font-size:.875rem;padding:.75rem}.compra-form .form-section .form-group input:focus,.compra-form .form-section .form-group select:focus,.compra-form .form-section .form-group textarea:focus{border-color:#7b2d8e;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.compra-form .form-section .form-group input.form-control--readonly,.compra-form .form-section .form-group select.form-control--readonly,.compra-form .form-section .form-group textarea.form-control--readonly{background:#f9fafb;color:#6b7280}.compra-form .items-list .item-card{background:#f9fafb;border:1px solid var(--color-border);border-radius:8px;margin-bottom:1rem;padding:1.5rem}.compra-form .items-list .item-card .item-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.compra-form .items-list .item-card .item-header span{color:var(--color-text-primary);font-weight:500}.compra-form .totals-summary{background:#f9fafb;border:1px solid var(--color-border);border-radius:8px;margin-top:1rem;padding:1.5rem}.compra-form .totals-summary .total-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.compra-form .totals-summary .total-row.total-row--final{border-top:1px solid var(--color-border);font-size:1.125rem;margin-top:.5rem;padding-top:.5rem}.compras-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.compras-modal-overlay .compras-modal-content{background:#fff;border-radius:8px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.compras-modal-overlay .compras-modal-content .modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.5rem}.compras-modal-overlay .compras-modal-content .modal-header h3{margin:0}.compras-modal-overlay .compras-modal-content .modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.compras-modal-overlay .compras-modal-content .modal-body .products-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.compras-modal-overlay .compras-modal-content .modal-body .products-list .product-item{border:1px solid var(--color-border);border-radius:8px;cursor:pointer;padding:1rem;transition:all .2s}.compras-modal-overlay .compras-modal-content .modal-body .products-list .product-item:hover{background:#f9fafb;border-color:#7b2d8e;border-color:var(--color-primary)}.compras-modal-overlay .compras-modal-content .modal-body .products-list .product-item .product-info .product-name{font-weight:500;margin-bottom:.25rem}.compras-modal-overlay .compras-modal-content .modal-body .products-list .product-item .product-info .product-code,.compras-modal-overlay .compras-modal-content .modal-body .products-list .product-item .product-info .product-price{color:var(--color-text-secondary);font-size:.875rem}.compra-detalle-content{display:flex;flex-direction:column;gap:2rem}.compra-detalle-content .detail-section{background:#fff;border-radius:8px;padding:2rem}.compra-detalle-content .detail-section h3{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);margin:0 0 1.5rem;padding-bottom:.5rem}.compra-detalle-content .detail-section .detail-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.compra-detalle-content .detail-section .detail-grid .detail-item .detail-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.compra-detalle-content .detail-section .detail-grid .detail-item .detail-value{color:var(--color-text-primary);font-weight:500}.compra-detalle-content .detail-section .detail-grid .detail-item .detail-value.detail-value--amount{color:#28a745;color:var(--color-success);font-size:1.125rem}.compra-detalle-content .detail-section .products-table,.compra-detalle-content .detail-section .table-header,.compra-detalle-content .detail-section .table-row{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr}.compra-detalle-content .detail-section .table-header{background:#f9fafb;border-bottom:1px solid var(--color-border);border-radius:8px 8px 0 0;color:var(--color-text-secondary);font-weight:500;padding:1rem}.compra-detalle-content .detail-section .table-row{border-bottom:1px solid #f3f4f6;padding:1rem}.compra-detalle-content .detail-section .table-row:last-child{border-bottom:none}.compra-detalle-content .detail-section .table-row .product-info .product-name{font-weight:500;margin-bottom:.25rem}.compra-detalle-content .detail-section .table-row .product-info .product-code{color:var(--color-text-secondary);font-size:.875rem}.compra-detalle-content .detail-section .table-row .item-status{border-radius:4px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.compra-detalle-content .detail-section .table-row .item-status.received{background:#d1fae5;color:#065f46}.compra-detalle-content .detail-section .table-row .item-status.pending{background:#fef3c7;color:#92400e}.compra-detalle-content .detail-section .totals-card{background:#f9fafb;border:1px solid var(--color-border);border-radius:8px;padding:1.5rem}.compra-detalle-content .detail-section .totals-card .total-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.compra-detalle-content .detail-section .totals-card .total-row.total-row--final{border-top:1px solid var(--color-border);font-size:1.125rem;margin-top:.5rem;padding-top:.5rem}.compra-detalle-content .detail-section .note-card{background:#f9fafb;border:1px solid var(--color-border);border-radius:8px;margin-bottom:1rem;padding:1.5rem}.compra-detalle-content .detail-section .note-card h4{color:var(--color-text-primary);margin:0 0 .5rem}.compra-detalle-content .detail-section .note-card p{color:var(--color-text-secondary);margin:0}.compra-detalle-content .detail-section .actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.compra-detalle-content .detail-section .actions-grid .action-card{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .2s}.compra-detalle-content .detail-section .actions-grid .action-card:hover{background:#f9fafb;border-color:#7b2d8e;border-color:var(--color-primary)}.compra-detalle-content .detail-section .actions-grid .action-card.action-card--danger:hover{background:#fef2f2;border-color:#dc3545;border-color:var(--color-danger)}.compra-detalle-content .detail-section .actions-grid .action-card .action-icon{color:#7b2d8e;color:var(--color-primary);font-size:1.5rem}.compra-detalle-content .detail-section .actions-grid .action-card .action-content .action-title{font-weight:500;margin-bottom:.25rem}.compra-detalle-content .detail-section .actions-grid .action-card .action-content .action-description{color:var(--color-text-secondary);font-size:.875rem}.compra-detalle-content .detail-section .actions-grid .action-card.action-card--danger .action-icon{color:#dc3545;color:var(--color-danger)}.receipt-summary{background:#fff;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.receipt-summary .summary-card{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.receipt-summary .summary-card .summary-item{text-align:center}.receipt-summary .summary-card .summary-item .summary-label{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:.5rem}.receipt-summary .summary-card .summary-item .summary-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.receipt-summary .summary-card .summary-item .summary-value .status-ready{align-items:center;color:#28a745;color:var(--color-success);display:flex;font-size:1rem;gap:.5rem;justify-content:center}.receipt-summary .summary-card .summary-item .summary-value .status-pending{align-items:center;color:#ffc107;color:var(--color-warning);display:flex;font-size:1rem;gap:.5rem;justify-content:center}.receipt-form{background:#fff;border-radius:8px;padding:2rem}.receipt-form .receipt-table .table-header,.receipt-form .receipt-table .table-row{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1.5fr 1fr}.receipt-form .receipt-table .table-header{background:#f9fafb;border-radius:8px 8px 0 0;color:var(--color-text-secondary);font-weight:500;padding:1rem}.receipt-form .receipt-table .table-row{border-bottom:1px solid #f3f4f6;padding:1rem}.receipt-form .receipt-table .table-row:last-child{border-bottom:none}.receipt-form .receipt-table .table-row .quantity-badge{background:#e5e7eb;border-radius:4px;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .5rem}.receipt-form .receipt-table .table-row .quantity-badge.quantity-badge--pending{background:#fef3c7;color:#92400e}.receipt-form .receipt-table .table-row .batch-inputs{display:flex;flex-direction:column;gap:.25rem}.receipt-form .receipt-table .table-row .form-control.form-control--sm{font-size:.875rem;padding:.5rem}.receipt-form .receipt-table .table-row .form-control.form-control--xs{font-size:.75rem;padding:.25rem .5rem}.receipt-form .receipt-totals{background:#f9fafb;border:1px solid var(--color-border);border-radius:8px;padding:1.5rem}.receipt-form .receipt-totals .total-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.receipt-form .receipt-totals .total-row .total-value{color:var(--color-text-primary);font-weight:600}@media(max-width:768px){.compra-detalle-page,.compra-form-page,.compra-recibir-page,.compras-page{padding:1rem}.compra-detalle-page .page-header,.compra-form-page .page-header,.compra-recibir-page .page-header,.compras-page .page-header{align-items:stretch;flex-direction:column;gap:1rem}.compra-detalle-page .page-header .header-actions,.compra-form-page .page-header .header-actions,.compra-recibir-page .page-header .header-actions,.compras-page .page-header .header-actions{justify-content:center}.compra-detalle-page .detail-section .detail-grid,.compra-detalle-page .stats-grid,.compra-form-page .detail-section .detail-grid,.compra-form-page .stats-grid,.compra-recibir-page .detail-section .detail-grid,.compra-recibir-page .stats-grid,.compras-page .detail-section .detail-grid,.compras-page .stats-grid{grid-template-columns:1fr}.compra-detalle-page .products-table .table-header,.compra-detalle-page .products-table .table-row,.compra-detalle-page .receipt-table .table-header,.compra-detalle-page .receipt-table .table-row,.compra-form-page .products-table .table-header,.compra-form-page .products-table .table-row,.compra-form-page .receipt-table .table-header,.compra-form-page .receipt-table .table-row,.compra-recibir-page .products-table .table-header,.compra-recibir-page .products-table .table-row,.compra-recibir-page .receipt-table .table-header,.compra-recibir-page .receipt-table .table-row,.compras-page .products-table .table-header,.compras-page .products-table .table-row,.compras-page .receipt-table .table-header,.compras-page .receipt-table .table-row{gap:.5rem;grid-template-columns:1fr}}.invoice-header-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #dee2e6;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.invoice-header-card:before{background:radial-gradient(circle,#7b2d8e0d 0,#0000 70%);border-radius:50%;content:"";height:300px;position:absolute;right:-10%;top:-50%;width:300px;z-index:0}.invoice-header-card__left{align-items:center;display:flex;gap:1.5rem;margin-bottom:2rem;position:relative;z-index:1}.invoice-header-card__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);position:relative;z-index:1}@media(min-width:768px)and (max-width:1023px){.invoice-header-card__grid{gap:1rem;grid-template-columns:1fr}}.invoice-icon-circle{align-items:center;background:linear-gradient(135deg,#7b2d8e,#9d39b5);border-radius:50%;box-shadow:0 4px 12px #7b2d8e4d;color:#fff;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.invoice-header-info{flex:1 1}.invoice-header-info .invoice-header-title{color:#343a40;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.invoice-header-info .invoice-header-subtitle{color:#6c757d;font-size:.875rem;margin:0}.invoice-field{align-items:flex-start;display:flex;gap:1rem}.invoice-field--full{grid-column:1/-1}.invoice-field-icon{align-items:center;background:linear-gradient(135deg,#7b2d8e1a,#7b2d8e0d);border-radius:8px;color:#7b2d8e;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-top:24px;width:40px}.invoice-field-content{display:flex;flex:1 1;flex-direction:column}.invoice-field-label{color:#343a40;display:block;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.invoice-field-input{background:#fff;border:2px solid #dee2e6;border-radius:8px;color:#343a40;font-size:1rem;padding:1rem;transition:all .25s ease-in-out;width:100%}.invoice-field-input:focus{border-color:#7b2d8e;box-shadow:0 0 0 3px #7b2d8e1a;outline:none}.invoice-field-input--error{border-color:#dc3545}.invoice-field-textarea{font-family:Maven Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:60px;resize:vertical}.invoice-field-error{color:#dc3545;display:block;font-size:.75rem;margin-top:.25rem}.product-search-card{background:#fff;border:1px solid #dee2e6;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;overflow:visible}.product-search-header{align-items:center;background:linear-gradient(135deg,#4caf500d,#4caf5005);border-bottom:1px solid #dee2e6;border-top-left-radius:12px;border-top-right-radius:12px;display:flex;gap:1.5rem;padding:2rem}.product-search-header .search-header-icon{align-items:center;background:#4caf50;border-radius:8px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.product-search-header .search-header-content{flex:1 1}.product-search-header .search-header-content .search-header-title{color:#343a40;font-size:1.125rem;font-weight:700;margin:0 0 .25rem}.product-search-header .search-header-content .search-header-subtitle{color:#6c757d;font-size:.875rem;margin:0}.product-search-body{overflow:visible;padding:2rem;position:relative}.search-combo-wrapper{margin-bottom:1.5rem;position:relative;z-index:10}.search-combo-input{background:#fff;border:2px solid #dee2e6;border-radius:12px;color:#343a40;font-size:1rem;padding:1rem 1rem 1rem 50px;transition:all .25s ease-in-out;width:100%}.search-combo-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.search-combo-input::placeholder{color:#6c757d}.search-combo-icon-left{color:#6c757d;left:1rem;pointer-events:none}.search-combo-icon-left,.search-combo-loading{position:absolute;top:50%;transform:translateY(-50%)}.search-combo-loading{right:1rem}.search-combo-loading .spinner-sm{animation:spin .8s linear infinite;border:2px solid #4caf5033;border-radius:50%;border-top-color:#4caf50;height:20px;width:20px}.product-dropdown{animation:slideDown .2s ease-out;background:#fff;border:2px solid #dee2e6;border-radius:12px;box-shadow:0 12px 32px #00000026;left:0;max-height:400px;overflow-x:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + .25rem);z-index:1000}.product-dropdown::-webkit-scrollbar{width:8px}.product-dropdown::-webkit-scrollbar-track{background:#dee2e633;border-radius:4px}.product-dropdown::-webkit-scrollbar-thumb{background:#4caf504d;border-radius:4px}.product-dropdown::-webkit-scrollbar-thumb:hover{background:#4caf5080}.product-dropdown-item{align-items:center;border-bottom:1px solid #dee2e680;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .15s ease-in-out}.product-dropdown-item:last-child{border-bottom:none}.product-dropdown-item:hover{background:#4caf500d}.product-dropdown-icon{align-items:center;background:linear-gradient(135deg,#4caf501a,#4caf500d);border-radius:8px;color:#4caf50;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.product-dropdown-info{flex:1 1;min-width:0}.product-dropdown-name{color:#343a40;font-size:1rem;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-dropdown-meta{align-items:center;color:#6c757d;display:flex;font-size:.75rem;gap:.5rem}.product-dropdown-meta .meta-code{background:#7b2d8e1a;border-radius:4px;color:#7b2d8e;font-weight:500;padding:2px 6px}.product-dropdown-meta .meta-separator{color:#dee2e6}.product-dropdown-meta .meta-stock{color:#6c757d}.product-dropdown-price{color:#4caf50;flex-shrink:0;font-size:1rem;font-weight:700}.selected-product-card{background:linear-gradient(135deg,#4caf500d,#4caf5005);border:2px solid #4caf5033;border-radius:12px;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.selected-product-info{align-items:center;display:flex;gap:1rem}.selected-product-info .selected-product-badge{align-items:center;background:#4caf50;border-radius:8px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.selected-product-info .selected-product-details{flex:1 1}.selected-product-info .selected-product-details .selected-product-name{color:#343a40;font-size:1rem;font-weight:700;margin:0 0 .25rem}.selected-product-info .selected-product-details .selected-product-meta{align-items:center;color:#6c757d;display:flex;font-size:.75rem;gap:.5rem}.selected-product-info .selected-product-details .selected-product-meta .meta-item{font-weight:500}.selected-product-info .selected-product-details .selected-product-meta .meta-separator{color:#dee2e6}.selected-product-controls{align-items:flex-end;display:flex;gap:1rem}@media(max-width:767px){.selected-product-controls{align-items:stretch;flex-direction:column}}.selected-product-controls .control-group{display:flex;flex:1 1;flex-direction:column}.selected-product-controls .control-group .control-label{color:#343a40;font-size:.75rem;font-weight:600;margin-bottom:.25rem}.selected-product-controls .control-group .control-input{background:#fff;border:2px solid #dee2e6;border-radius:8px;color:#343a40;font-size:1rem;padding:.5rem 1rem;transition:all .25s ease-in-out}.selected-product-controls .control-group .control-input:focus{border-color:#4caf50;outline:none}.selected-product-controls .btn--add-product{padding:.5rem 2rem;white-space:nowrap}.invoice-table-card{background:#fff;border:1px solid #dee2e6;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;overflow:hidden}.invoice-table-header{align-items:center;background:linear-gradient(135deg,#7b2d8e0d,#7b2d8e05);border-bottom:1px solid #dee2e6;display:flex;gap:1.5rem;padding:2rem}.invoice-table-header .table-header-icon{align-items:center;background:#7b2d8e;border-radius:8px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.invoice-table-header .table-header-content{flex:1 1}.invoice-table-header .table-header-content .table-header-title{color:#343a40;font-size:1.125rem;font-weight:700;margin:0 0 .25rem}.invoice-table-header .table-header-content .table-header-subtitle{color:#6c757d;font-size:.875rem;margin:0}.invoice-table-wrapper{overflow-x:auto;padding:1.5rem}.invoice-table{border-collapse:initial;border-spacing:0;width:100%}.invoice-table-head th{background:#ebebe74d;border-bottom:2px solid #dee2e6;color:#6c757d;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.invoice-table-head th.th-product{width:35%}.invoice-table-head th.th-qty{text-align:center;width:12%}.invoice-table-head th.th-price{text-align:right;width:18%}.invoice-table-head th.th-discount{text-align:center;width:10%}.invoice-table-head th.th-total{text-align:right;width:18%}.invoice-table-head th.th-actions{text-align:center;width:7%}.invoice-table-body .invoice-table-row{transition:all .15s ease-in-out}.invoice-table-body .invoice-table-row:hover{background:#7b2d8e05}.invoice-table-body .invoice-table-row td{border-bottom:1px solid #dee2e680;padding:1rem;vertical-align:middle}.invoice-table-body .invoice-table-row td.td-product .product-cell{align-items:center;display:flex;gap:1rem}.invoice-table-body .invoice-table-row td.td-product .product-cell-icon{align-items:center;background:linear-gradient(135deg,#7b2d8e1a,#7b2d8e0d);border-radius:8px;color:#7b2d8e;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.invoice-table-body .invoice-table-row td.td-product .product-cell-info{flex:1 1;min-width:0}.invoice-table-body .invoice-table-row td.td-product .product-cell-name{color:#343a40;font-size:.875rem;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-table-body .invoice-table-row td.td-product .product-cell-code{color:#6c757d;display:block;font-size:.75rem}.invoice-table-body .invoice-table-row td.td-qty{text-align:center}.invoice-table-body .invoice-table-row td.td-qty .qty-badge{background:#4caf501a;border-radius:20px;color:#4caf50;display:inline-block;font-size:.875rem;font-weight:700;padding:4px 12px}.invoice-table-body .invoice-table-row td.td-price{text-align:right}.invoice-table-body .invoice-table-row td.td-price .price-value{color:#343a40;font-size:.875rem;font-weight:500}.invoice-table-body .invoice-table-row td.td-discount{text-align:center}.invoice-table-body .invoice-table-row td.td-discount .discount-badge{background:#ffc1071a;border-radius:12px;color:#ffc107;display:inline-block;font-size:.75rem;font-weight:700;padding:4px 10px}.invoice-table-body .invoice-table-row td.td-discount .no-discount{color:#6c757d;font-size:.875rem}.invoice-table-body .invoice-table-row td.td-total{text-align:right}.invoice-table-body .invoice-table-row td.td-total .total-value{color:#7b2d8e;font-size:1rem;font-weight:700}.invoice-table-body .invoice-table-row td.td-actions{text-align:center}.invoice-table-body .invoice-table-row td.td-actions .btn-icon-delete{align-items:center;background:#0000;border:none;border-radius:8px;color:#6c757d;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .15s ease-in-out;width:32px}.invoice-table-body .invoice-table-row td.td-actions .btn-icon-delete:hover{background:#dc35451a;color:#dc3545}.invoice-totals-section{background:#ebebe74d;border-top:2px solid #dee2e6;padding:1.5rem 2rem}.totals-container{margin-left:auto;max-width:400px}.totals-row{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.totals-row--discount .totals-value{color:#ffc107}.totals-row--final{margin-top:1rem;padding-top:1rem}.totals-row--final .totals-label{color:#343a40;font-size:1.125rem}.totals-row--final .totals-value{color:#7b2d8e;font-size:1.25rem}.totals-row .totals-label{color:#6c757d;font-size:1rem;font-weight:500}.totals-row .totals-value{color:#343a40;font-size:1rem;font-weight:700}.totals-divider{background:#dee2e6;height:2px;margin:1rem 0}.invoice-table-error{background:#dc35451a;border-top:1px solid #dc354533;color:#dc3545;font-size:.875rem;font-weight:500;padding:1rem 2rem;text-align:center}.invoice-empty-state{background:#fff;border:2px dashed #dee2e6;border-radius:12px;margin-bottom:2rem;padding:3rem;text-align:center}.invoice-empty-state .empty-state-icon{align-items:center;background:#6c757d1a;border-radius:50%;color:#6c757d;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.invoice-empty-state .empty-state-title{color:#343a40;font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.invoice-empty-state .empty-state-message{color:#6c757d;font-size:.875rem;margin:0 0 1rem}@keyframes spin{to{transform:rotate(1turn)}}@media(min-width:768px)and (max-width:1023px){.invoice-header-card{padding:1.5rem}.invoice-header-card__left{flex-direction:column;text-align:center}.invoice-table-card,.product-search-card{border-radius:8px}.invoice-table-header,.product-search-header{flex-direction:column;padding:1.5rem;text-align:center}.invoice-table-wrapper{padding:1rem}.totals-container{max-width:100%}}@media(max-width:767px){.invoice-header-card{padding:1rem}.invoice-header-card__grid{gap:1rem}.invoice-icon-circle{height:48px;width:48px}.product-search-body{padding:1rem}.product-dropdown{max-height:300px}.product-dropdown-item{padding:.5rem 1rem}.product-dropdown-name{font-size:.875rem}.product-dropdown-meta{font-size:10px}.product-dropdown-price{font-size:.875rem}.search-combo-wrapper{margin-bottom:1rem}.invoice-table{font-size:.75rem}.invoice-table-body td,.invoice-table-head th{padding:.5rem}.invoice-totals-section{padding:1rem}.totals-row{font-size:.875rem}.totals-row--final .totals-label{font-size:1rem}.totals-row--final .totals-value{font-size:1.125rem}.invoice-empty-state{padding:2rem}.invoice-empty-state .empty-state-icon{height:60px;width:60px}.invoice-empty-state .empty-state-icon svg{height:40px;width:40px}}.ajuste-stock-form-page{margin:0 auto;max-width:1400px;padding:20px}.ajuste-stock-form-page .form-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.ajuste-stock-form-page .form-header .btn-back{align-items:center;background:none;border:none;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:all .3s}.ajuste-stock-form-page .form-header .btn-back:hover{background:#7b2d8e1a;color:#7b2d8e}.ajuste-stock-form-page .form-header .form-title{color:#1a365d;font-size:28px;font-weight:600;margin:0}.ajuste-stock-form-page .form-header .form-actions{display:flex;gap:12px}.ajuste-stock-form-page .form-content{grid-gap:24px;display:grid;gap:24px}.ajuste-stock-form-page .info-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.ajuste-stock-form-page .search-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:visible}.ajuste-stock-form-page .info-card .card-header,.ajuste-stock-form-page .search-card .card-header{align-items:center;background:linear-gradient(135deg,#7b2d8e,#834594);box-shadow:0 4px 12px #7b2d8e33;color:#fff;display:flex;gap:16px;padding:24px}.ajuste-stock-form-page .info-card .card-header .icon-circle,.ajuste-stock-form-page .search-card .card-header .icon-circle{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.ajuste-stock-form-page .info-card .card-header .icon-circle--primary,.ajuste-stock-form-page .search-card .card-header .icon-circle--primary{background:#ffffff40}.ajuste-stock-form-page .info-card .card-header .header-text h2,.ajuste-stock-form-page .info-card .card-header .header-text h3,.ajuste-stock-form-page .search-card .card-header .header-text h2,.ajuste-stock-form-page .search-card .card-header .header-text h3{font-size:20px;font-weight:600;margin:0 0 4px}.ajuste-stock-form-page .info-card .card-header .header-text p,.ajuste-stock-form-page .search-card .card-header .header-text p{font-size:14px;margin:0;opacity:.9}.ajuste-stock-form-page .info-card .card-body,.ajuste-stock-form-page .search-card .card-body{overflow:visible;padding:24px;position:relative}.ajuste-stock-form-page .form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.ajuste-stock-form-page .form-grid{grid-template-columns:1fr}}.ajuste-stock-form-page .form-grid .form-group.full-width{grid-column:1/-1}.ajuste-stock-form-page .form-group .form-label{color:#495057;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.ajuste-stock-form-page .form-group .form-label .required{color:#e74c3c;margin-left:4px}.ajuste-stock-form-page .form-group .form-control{border:1px solid #dee2e6;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .3s;width:100%}.ajuste-stock-form-page .form-group .form-control:focus{border-color:#7b2d8e;box-shadow:0 0 0 3px #7b2d8e1a;outline:none}.ajuste-stock-form-page .form-group textarea.form-control{resize:vertical}.ajuste-stock-form-page .operation-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.ajuste-stock-form-page .operation-buttons{grid-template-columns:1fr}}.ajuste-stock-form-page .operation-buttons .operation-btn{align-items:center;background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s}.ajuste-stock-form-page .operation-buttons .operation-btn:hover{background:#e9ecef;border-color:#adb5bd}.ajuste-stock-form-page .operation-buttons .operation-btn.active{background:linear-gradient(135deg,#7b2d8e,#834594);border-color:#7b2d8e;box-shadow:0 4px 12px #7b2d8e4d;color:#fff}.ajuste-stock-form-page .operation-buttons .operation-btn svg{font-size:18px}.ajuste-stock-form-page .product-search-wrapper{position:relative;z-index:10}.ajuste-stock-form-page .product-search-wrapper .search-input-group{position:relative}.ajuste-stock-form-page .product-search-wrapper .search-input-group .search-icon{color:#6c757d;font-size:18px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.ajuste-stock-form-page .product-search-wrapper .search-input-group .search-input{border:2px solid #dee2e6;border-radius:8px;font-size:14px;padding:12px 12px 12px 40px;transition:all .3s;width:100%}.ajuste-stock-form-page .product-search-wrapper .search-input-group .search-input:focus{border-color:#7b2d8e;box-shadow:0 0 0 3px #7b2d8e1a;outline:none}.ajuste-stock-form-page .product-search-wrapper .search-dropdown{animation:slideDown .2s ease-out;background:#fff;border:2px solid #dee2e6;border-radius:8px;box-shadow:0 12px 32px #00000026;left:0;max-height:400px;overflow-x:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.ajuste-stock-form-page .product-search-wrapper .search-dropdown .search-result-item{align-items:center;border-bottom:1px solid #f8f9fa;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .3s}.ajuste-stock-form-page .product-search-wrapper .search-dropdown .search-result-item:hover{background:#7b2d8e0d;border-left:3px solid #7b2d8e}.ajuste-stock-form-page .product-search-wrapper .search-dropdown .search-result-item:last-child{border-bottom:none}.ajuste-stock-form-page .product-search-wrapper .search-dropdown .search-result-item .result-info .result-name{color:#1a365d;font-weight:600;margin-bottom:4px}.ajuste-stock-form-page .product-search-wrapper .search-dropdown .search-result-item .result-info .result-details{color:#6c757d;font-size:12px}.ajuste-stock-form-page .product-search-wrapper .search-dropdown .search-result-item .result-price{color:#7b2d8e;font-weight:700}.ajuste-stock-form-page .products-table-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.ajuste-stock-form-page .products-table-card .card-header{background:linear-gradient(135deg,#7b2d8e,#834594);box-shadow:0 4px 12px #7b2d8e33;color:#fff;padding:20px 24px}.ajuste-stock-form-page .products-table-card .card-header h3{font-size:18px;font-weight:600;margin:0}.ajuste-stock-form-page .products-table-card .card-body{padding:24px}.ajuste-stock-form-page .products-table-card .empty-state{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.ajuste-stock-form-page .products-table-card .empty-state svg{margin-bottom:16px;opacity:.5}.ajuste-stock-form-page .products-table-card .empty-state p{color:#495057;font-size:16px;font-weight:600;margin:0 0 8px}.ajuste-stock-form-page .products-table-card .empty-state small{color:#6c757d;font-size:14px}.ajuste-stock-form-page .products-table-card .products-table-wrapper{overflow-x:auto}.ajuste-stock-form-page .products-table-card .products-table{border-collapse:collapse;font-size:14px;width:100%}.ajuste-stock-form-page .products-table-card .products-table thead{background:#f8f9fa;border-bottom:2px solid #dee2e6}.ajuste-stock-form-page .products-table-card .products-table thead th{color:#495057;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.ajuste-stock-form-page .products-table-card .products-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s}.ajuste-stock-form-page .products-table-card .products-table tbody tr:hover{background:#f8f9fa}.ajuste-stock-form-page .products-table-card .products-table tbody tr:last-child{border-bottom:none}.ajuste-stock-form-page .products-table-card .products-table tbody td{padding:12px;vertical-align:middle}.ajuste-stock-form-page .products-table-card .products-table .product-cell .product-name{color:#1a365d;font-weight:600;margin-bottom:4px}.ajuste-stock-form-page .products-table-card .products-table .product-cell .product-sku{color:#6c757d;font-size:12px}.ajuste-stock-form-page .products-table-card .products-table .stock-badge{background:#7b2d8e1a;border:1px solid #7b2d8e33;border-radius:12px;color:#7b2d8e;display:inline-block;font-size:13px;font-weight:600;padding:6px 12px}.ajuste-stock-form-page .products-table-card .products-table .table-input{border:1px solid #dee2e6;border-radius:6px;font-size:14px;padding:8px 12px;transition:all .3s;width:100%}.ajuste-stock-form-page .products-table-card .products-table .table-input:focus{border-color:#7b2d8e;box-shadow:0 0 0 3px #7b2d8e1a;outline:none}.ajuste-stock-form-page .products-table-card .products-table .new-stock-badge{border-radius:12px;display:inline-block;font-size:13px;font-weight:700;padding:6px 12px}.ajuste-stock-form-page .products-table-card .products-table .new-stock-badge--add{background:#d9eeda;color:#3d8b40}.ajuste-stock-form-page .products-table-card .products-table .new-stock-badge--subtract{background:#fae3e5;color:#d32535}.ajuste-stock-form-page .products-table-card .products-table .new-stock-badge--set{background:#7b2d8e1a;color:#7b2d8e}.ajuste-stock-form-page .products-table-card .products-table .btn-remove{align-items:center;background:none;border:1px solid #dee2e6;border-radius:6px;color:#dc3545;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s;width:32px}.ajuste-stock-form-page .products-table-card .products-table .btn-remove:hover{background:#dc3545;border-color:#dc3545;color:#fff}.ajuste-stock-form-page .products-table-card .products-table .btn-remove svg{font-size:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dashboard-page{margin:-1.5rem;margin:calc(var(--spacing-lg)*-1);padding:1.5rem;padding:var(--spacing-lg)}.dashboard-page .dashboard-header{background:url(/static/media/welcome_dashboard.b8dd3d825764fa63d7fa.png) 50%/cover no-repeat;background-position:50%;background-size:cover;border-radius:0 0 0 64px;border-radius:0 0 0 calc(var(--border-radius-lg)*8);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);margin:-1.5rem -1.5rem 2rem;margin:calc(var(--spacing-lg)*-1) calc(var(--spacing-lg)*-1) var(--spacing-xl);min-height:200px;overflow:hidden;padding:3rem 2rem;padding:var(--spacing-xxl) var(--spacing-xl);position:relative}@media(max-width:767px){.dashboard-page .dashboard-header{min-height:150px;padding:2rem 1rem;padding:var(--spacing-xl) var(--spacing-md)}}.dashboard-page .dashboard-main{grid-gap:2rem;grid-gap:var(--spacing-xl);display:grid;gap:2rem;gap:var(--spacing-xl);grid-template-columns:1fr 1fr;margin-bottom:2rem;margin-bottom:var(--spacing-xl)}@media(max-width:991px){.dashboard-page .dashboard-main{grid-template-columns:1fr}}.dashboard-page .stats-overview{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.dashboard-page .stats-overview .stats-card{background-color:#fff;background-color:var(--bg-card);border:1px solid #edeff1;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--border-radius-lg);overflow:hidden;padding:1.5rem;padding:var(--spacing-lg);position:relative;transition:.25s ease-in-out;transition:var(--transition)}.dashboard-page .stats-overview .stats-card:hover{box-shadow:0 4px 8px #0000001f;box-shadow:var(--shadow);transform:translateY(-2px)}.dashboard-page .stats-overview .stats-card--primary{border-left:4px solid #7b2d8e;border-left:4px solid var(--color-primary)}.dashboard-page .stats-overview .stats-card__icon{align-items:center;border-radius:6px;border-radius:var(--border-radius);display:flex;font-size:1.125rem;font-size:var(--font-size-lg);height:48px;justify-content:center;margin-bottom:1rem;margin-bottom:var(--spacing-md);width:48px}.dashboard-page .stats-overview .stats-card__icon--primary{background-color:#4a90e21a;color:#7b2d8e;color:var(--color-primary)}.dashboard-page .stats-overview .stats-card__icon--success{background-color:#afecbd;background-color:var(--color-success-light);color:#28a745;color:var(--color-success)}.dashboard-page .stats-overview .stats-card__icon--info{background-color:#a7e9f4;background-color:var(--color-info-light);color:#17a2b8;color:var(--color-info)}.dashboard-page .stats-overview .stats-card__icon--warning{background-color:#fff4d3;background-color:var(--color-warning-light);color:#856404}.dashboard-page .stats-overview .stats-card__value{color:#343a40;color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-xxl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.dashboard-page .stats-overview .stats-card__label{color:#6c757d;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.dashboard-page .stats-overview .stats-card__change{align-items:center;display:flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--spacing-xs)}.dashboard-page .stats-overview .stats-card__change--positive{color:#28a745;color:var(--color-success)}.dashboard-page .stats-overview .stats-card__change--negative{color:#dc3545;color:var(--color-danger)}.dashboard-page .left-column .debt-orders-section{background-color:#fff;background-color:var(--bg-card);border:none;border-radius:8px;box-shadow:0 2px 6px #0000001a;height:-webkit-fit-content;height:fit-content}.dashboard-page .left-column .debt-orders-section .section-header{background-color:#f0f0ed;background-color:var(--color-gray-50);border-bottom:1px solid #edeff1;border-bottom:1px solid var(--border-light);padding:1.5rem;padding:var(--spacing-lg)}.dashboard-page .left-column .debt-orders-section .section-header .section-title{color:#343a40;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:700;font-weight:var(--font-weight-bold);margin:0;text-align:center}.dashboard-page .left-column .debt-orders-section .debt-orders-content{padding:1.5rem;padding:var(--spacing-lg)}.dashboard-page .left-column .debt-orders-section .debt-orders-content .summary-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg)}.dashboard-page .left-column .debt-orders-section .debt-orders-content .summary-grid .summary-item{align-items:center;border:1px solid #edeff1;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:1rem;padding:var(--spacing-md)}.dashboard-page .left-column .debt-orders-section .debt-orders-content .summary-grid .summary-item .summary-label{color:#6c757d;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.dashboard-page .left-column .debt-orders-section .debt-orders-content .summary-grid .summary-item .summary-amount{color:#343a40;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:700;font-weight:var(--font-weight-bold)}.dashboard-page .left-column .debt-orders-section .debt-orders-content .summary-grid .summary-item .summary-count{color:#343a40;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-weight-bold)}.dashboard-page .right-column .top-section{background-color:#fff;background-color:var(--bg-card);border:none;border-radius:8px;box-shadow:0 2px 6px #0000001a;height:-webkit-fit-content;height:fit-content}.dashboard-page .right-column .top-section .section-header{align-items:flex-start;background-color:#f0f0ed;background-color:var(--color-gray-50);border-bottom:1px solid #edeff1;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1.5rem;padding:var(--spacing-lg)}.dashboard-page .right-column .top-section .section-header .section-title{color:#343a40;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:700;font-weight:var(--font-weight-bold);margin:0}.dashboard-page .right-column .top-section .section-header .period-selector{text-align:right}.dashboard-page .right-column .top-section .section-header .period-selector .selector-label{color:#6c757d;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-xs);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.dashboard-page .right-column .top-section .section-header .period-selector .selector-options{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--spacing-xs)}.dashboard-page .right-column .top-section .section-header .period-selector .selector-options .period-btn{background-color:#fff;background-color:var(--bg-card);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:.25rem;border-radius:var(--border-radius-sm);color:#6c757d;color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:.25s ease-in-out;transition:var(--transition)}.dashboard-page .right-column .top-section .section-header .period-selector .selector-options .period-btn:hover{background-color:#ebebe7;background-color:var(--color-gray-100)}.dashboard-page .right-column .top-section .section-header .period-selector .selector-options .period-btn.active{background-color:#7b2d8e;background-color:var(--color-primary);border-color:#7b2d8e;border-color:var(--color-primary);color:#fff;color:var(--text-light)}.dashboard-page .right-column .top-section .top-content .tabs-container{border-bottom:1px solid #edeff1;border-bottom:1px solid var(--border-light)}.dashboard-page .right-column .top-section .top-content .tabs-container .content-tabs{display:flex}.dashboard-page .right-column .top-section .top-content .tabs-container .content-tabs .tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.875rem;font-size:var(--font-size-sm);font-weight:700;font-weight:var(--font-weight-bold);padding:1rem;padding:var(--spacing-md);transition:.25s ease-in-out;transition:var(--transition)}.dashboard-page .right-column .top-section .top-content .tabs-container .content-tabs .tab-btn:hover{background-color:#f0f0ed;background-color:var(--color-gray-50);color:#343a40;color:var(--text-primary)}.dashboard-page .right-column .top-section .top-content .tabs-container .content-tabs .tab-btn.active{background-color:#f0f0ed;background-color:var(--color-gray-50);border-bottom-color:#7b2d8e;border-bottom-color:var(--color-primary);color:#7b2d8e;color:var(--color-primary)}.dashboard-page .right-column .top-section .top-content .top-list .top-item{align-items:center;border-bottom:1px solid #edeff1;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg)}.dashboard-page .right-column .top-section .top-content .top-list .top-item .item-info{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md)}.dashboard-page .right-column .top-section .top-content .top-list .top-item .item-info .item-color{border-radius:50%;height:12px;width:12px}.dashboard-page .right-column .top-section .top-content .top-list .top-item .item-info .item-color:first-child{background-color:#6dcff6}.dashboard-page .right-column .top-section .top-content .top-list .top-item .item-info .item-color:nth-child(2){background-color:#f15a29}.dashboard-page .right-column .top-section .top-content .top-list .top-item .item-info .item-color:nth-child(3){background-color:#7ac943}.dashboard-page .right-column .top-section .top-content .top-list .top-item .item-info .item-color:nth-child(4){background-color:#ffc20e}.dashboard-page .right-column .top-section .top-content .top-list .top-item .item-info .item-color:nth-child(5){background-color:#662d91}.dashboard-page .right-column .top-section .top-content .top-list .top-item .item-info .item-details .name{color:#343a40;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.dashboard-page .right-column .top-section .top-content .top-list .top-item .item-stats{text-align:right}.dashboard-page .right-column .top-section .top-content .top-list .top-item .item-stats .value{color:#343a40;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold)}.dashboard-page .right-column .top-section .top-content .top-list .top-item .item-stats .percentage{color:#6c757d;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-xs)}.dashboard-page .right-column .top-section .top-content .top-list .see-more{border-bottom:1px solid #edeff1;border-bottom:1px solid var(--border-light);padding:.5rem;padding:var(--spacing-sm);text-align:center}.dashboard-page .right-column .top-section .top-content .top-list .see-more .see-more-btn{background:none;border:none;color:#7b2d8e;color:var(--color-primary);cursor:pointer;font-size:.75rem;font-size:var(--font-size-xs);font-weight:700;font-weight:var(--font-weight-bold);transition:.25s ease-in-out;transition:var(--transition)}.dashboard-page .right-column .top-section .top-content .top-list .see-more .see-more-btn:hover{color:#592167;color:var(--color-primary-dark)}.dashboard-page .right-column .top-section .top-content .top-list .total-section{align-items:center;background-color:#f0f0ed;background-color:var(--color-gray-50);display:flex;font-weight:700;font-weight:var(--font-weight-bold);justify-content:space-between;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.dashboard-page .right-column .top-section .top-content .top-list .total-section .total-amount,.dashboard-page .right-column .top-section .top-content .top-list .total-section .total-label,.dashboard-page .right-column .top-section .top-content .top-list .total-section .total-percentage{color:#343a40;color:var(--text-primary)}.dashboard-page .top-section{background-color:#fff;background-color:var(--bg-card);border:1px solid #edeff1;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--border-radius-lg);margin-bottom:2rem;margin-bottom:var(--spacing-xl);overflow:hidden}.dashboard-page .top-section .section-header{align-items:center;background-color:#f0f0ed;background-color:var(--color-gray-50);border-bottom:1px solid #edeff1;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1.5rem;padding:var(--spacing-lg)}.dashboard-page .top-section .section-header .section-title{color:#343a40;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.dashboard-page .top-section .section-header .period-selector{display:flex;gap:.25rem;gap:var(--spacing-xs)}.dashboard-page .top-section .section-header .period-selector .period-btn{background-color:#fff;background-color:var(--bg-card);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:.25rem;border-radius:var(--border-radius-sm);color:#6c757d;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md);transition:.25s ease-in-out;transition:var(--transition)}.dashboard-page .top-section .section-header .period-selector .period-btn:hover{background-color:#ebebe7;background-color:var(--color-gray-100)}.dashboard-page .top-section .section-header .period-selector .period-btn.active{background-color:#7b2d8e;background-color:var(--color-primary);border-color:#7b2d8e;border-color:var(--color-primary);color:#fff;color:var(--text-light)}.dashboard-page .top-section .section-content .top-tabs{border-bottom:1px solid #edeff1;border-bottom:1px solid var(--border-light);display:flex}.dashboard-page .top-section .section-content .top-tabs .tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:.25s ease-in-out;transition:var(--transition)}.dashboard-page .top-section .section-content .top-tabs .tab-btn:hover{background-color:#f0f0ed;background-color:var(--color-gray-50);color:#343a40;color:var(--text-primary)}.dashboard-page .top-section .section-content .top-tabs .tab-btn.active{background-color:#f0f0ed;background-color:var(--color-gray-50);border-bottom-color:#7b2d8e;border-bottom-color:var(--color-primary);color:#7b2d8e;color:var(--color-primary)}.dashboard-page .top-section .section-content .top-list .top-item{align-items:center;border-bottom:1px solid #edeff1;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:.25s ease-in-out;transition:var(--transition)}.dashboard-page .top-section .section-content .top-list .top-item:last-child{border-bottom:none}.dashboard-page .top-section .section-content .top-list .top-item:hover{background-color:#f0f0ed;background-color:var(--color-gray-50)}.dashboard-page .top-section .section-content .top-list .top-item .item-info{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md)}.dashboard-page .top-section .section-content .top-list .top-item .item-info .rank{align-items:center;background-color:#dee2e6;background-color:var(--color-gray-200);border-radius:50%;color:#343a40;color:var(--text-primary);display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:700;font-weight:var(--font-weight-bold);height:32px;justify-content:center;width:32px}.dashboard-page .top-section .section-content .top-list .top-item .item-info .rank.top-3{background:linear-gradient(135deg,#4caf50,#6ec071);background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-light));color:#fff;color:var(--text-light)}.dashboard-page .top-section .section-content .top-list .top-item .item-info .item-details .name{color:#343a40;color:var(--text-primary);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.dashboard-page .top-section .section-content .top-list .top-item .item-info .item-details .category{color:#6c757d;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-xs)}.dashboard-page .top-section .section-content .top-list .top-item .item-stats{text-align:right}.dashboard-page .top-section .section-content .top-list .top-item .item-stats .value{color:#343a40;color:var(--text-primary);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.dashboard-page .top-section .section-content .top-list .top-item .item-stats .change{font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium)}.dashboard-page .top-section .section-content .top-list .top-item .item-stats .change.positive{color:#28a745;color:var(--color-success)}.dashboard-page .top-section .section-content .top-list .top-item .item-stats .change.negative{color:#dc3545;color:var(--color-danger)}.dashboard-page .sales-chart{background-color:#fff;background-color:var(--bg-card);border:none;border-radius:8px;box-shadow:0 2px 6px #0000001a;overflow:hidden}.dashboard-page .sales-chart .chart-header{align-items:center;background-color:#f0f0ed;background-color:var(--color-gray-50);border-bottom:1px solid #edeff1;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1.5rem;padding:var(--spacing-lg)}.dashboard-page .sales-chart .chart-header .chart-title{color:#343a40;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:700;font-weight:var(--font-weight-bold);margin:0}.dashboard-page .sales-chart .chart-header .chart-controls .year-selector{display:flex;gap:.25rem;gap:var(--spacing-xs)}.dashboard-page .sales-chart .chart-header .chart-controls .year-selector .year-btn{background-color:#fff;background-color:var(--bg-card);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:.25rem;border-radius:var(--border-radius-sm);color:#6c757d;color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:.25s ease-in-out;transition:var(--transition)}.dashboard-page .sales-chart .chart-header .chart-controls .year-selector .year-btn:hover{background-color:#ebebe7;background-color:var(--color-gray-100)}.dashboard-page .sales-chart .chart-header .chart-controls .year-selector .year-btn.active{background-color:#7b2d8e;background-color:var(--color-primary);border-color:#7b2d8e;border-color:var(--color-primary);color:#fff;color:var(--text-light)}.dashboard-page .sales-chart .chart-content{padding:1.5rem;padding:var(--spacing-lg)}.dashboard-page .sales-chart .chart-content .chart-placeholder{background-color:#f8f9fa;height:300px}.dashboard-page .sales-chart .chart-content .chart-placeholder .chart-months{align-items:flex-end;display:flex;gap:.5rem;gap:var(--spacing-sm);height:250px;justify-content:space-between;padding:1.5rem 0;padding:var(--spacing-lg) 0}.dashboard-page .sales-chart .chart-content .chart-placeholder .chart-months .month-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end}.dashboard-page .sales-chart .chart-content .chart-placeholder .chart-months .month-bar .bar{border-radius:.25rem .25rem 0 0;border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);max-width:40px;transition:.25s ease-in-out;transition:var(--transition);width:100%}.dashboard-page .sales-chart .chart-content .chart-placeholder .chart-months .month-bar .bar:hover{opacity:.8}.dashboard-page .sales-chart .chart-content .chart-placeholder .chart-months .month-bar .bar:first-child{background-color:#8dc63f}.dashboard-page .sales-chart .chart-content .chart-placeholder .chart-months .month-bar .bar:nth-child(2){background-color:#00aeef}.dashboard-page .sales-chart .chart-content .chart-placeholder .chart-months .month-bar .bar:nth-child(3){background-color:#fbb03b}.dashboard-page .sales-chart .chart-content .chart-placeholder .chart-months .month-bar .bar:nth-child(4){background-color:#ed1c24}.dashboard-page .sales-chart .chart-content .chart-placeholder .chart-months .month-bar .bar:nth-child(5){background-color:#9b26af}.dashboard-page .sales-chart .chart-content .chart-placeholder .chart-months .month-bar .bar:nth-child(6){background-color:#8dc63f}.dashboard-page .sales-chart .chart-content .chart-placeholder .chart-months .month-bar .bar:nth-child(7){background-color:#00aeef}.dashboard-page .sales-chart .chart-content .chart-placeholder .chart-months .month-bar .bar:nth-child(8){background-color:#fbb03b}.dashboard-page .sales-chart .chart-content .chart-placeholder .chart-months .month-bar .bar:nth-child(9){background-color:#ed1c24}.dashboard-page .sales-chart .chart-content .chart-placeholder .chart-months .month-bar .bar:nth-child(10){background-color:#9b26af}.dashboard-page .sales-chart .chart-content .chart-placeholder .chart-months .month-bar .bar:nth-child(11){background-color:#8dc63f}.dashboard-page .sales-chart .chart-content .chart-placeholder .chart-months .month-bar .bar:nth-child(12){background-color:#00aeef}.dashboard-page .sales-chart .chart-content .chart-placeholder .chart-months .month-bar .month-label{color:#6c757d;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);transform:rotate(-45deg);white-space:nowrap}.dashboard-page .login-card{animation:fadeInUp .6s ease-out}.dashboard-page .login-info{animation:fadeInUp .6s ease-out .2s both}.login-page{background:linear-gradient(135deg,#f8f9fa,#e9ecef);overflow:hidden}.login-page .login-container{grid-gap:3rem;grid-gap:var(--spacing-xxl);display:grid;gap:3rem;gap:var(--spacing-xxl);grid-template-columns:1fr 1fr;max-width:1400px}@media(max-width:991px){.login-page .login-container{grid-template-columns:1fr;max-width:540px}}.login-page .login-container .login-card{box-shadow:0 10px 40px #0000001a}.login-page .login-container .login-card .login-header{margin-bottom:2.5rem}.login-page .login-container .login-card .login-header .login-description .login-subtitle{max-width:420px}.login-page .login-container .login-card .login-form .error-alert{background-color:#fff5f5;border:1px solid #fed7d7;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.login-page .login-container .login-card .login-form .error-alert .error-message{align-items:center;color:#e53e3e;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.login-page .login-container .login-card .login-form .form-group{margin-bottom:1.5rem}.login-page .login-container .login-card .login-form .form-group .form-label{color:#2d3748;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.login-page .login-container .login-card .login-form .input-wrapper{position:relative}.login-page .login-container .login-card .login-form .input-wrapper .input-icon{color:#a0aec0;font-size:1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.login-page .login-container .login-card .login-form .input-wrapper .form-input{background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:1rem 1rem 1rem 2.75rem;transition:all .2s ease;width:100%}.login-page .login-container .login-card .login-form .input-wrapper .form-input:focus{border-color:#7b2d8e;border-color:var(--color-primary);box-shadow:0 0 0 3px #6633991a;outline:none}.login-page .login-container .login-card .login-form .input-wrapper .form-input:focus+.input-icon{color:#7b2d8e;color:var(--color-primary)}.login-page .login-container .login-card .login-form .input-wrapper .form-input::placeholder{color:#a0aec0}.login-page .login-container .login-card .login-form .input-wrapper .password-toggle{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:1rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .2s ease;z-index:2}.login-page .login-container .login-card .login-form .input-wrapper .password-toggle:hover{color:#2d3748}.login-page .login-container .login-card .login-form .login-button{align-items:center;background:linear-gradient(135deg,#639,#5a2d91);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:2rem;min-height:48px;padding:1rem;transition:all .2s ease;width:100%}.login-page .login-container .login-card .login-form .login-button:hover:not(:disabled){background:linear-gradient(135deg,#5a2d91,#4a2472);box-shadow:0 4px 12px #6633994d;transform:translateY(-1px)}.login-page .login-container .login-card .login-form .login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-page .login-container .login-card .login-footer{border-top:1px solid #e2e8f0;margin-top:2.5rem;padding-top:1.5rem}.login-page .login-container .login-card .login-footer .security-info{display:flex;justify-content:center;margin-bottom:1.5rem}.login-page .login-container .login-card .login-footer .security-info .security-item{align-items:center;color:#68d391;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.login-page .login-container .login-card .login-footer .security-info .security-item .security-icon{font-size:1rem}.login-page .login-container .login-card .login-footer .demo-info{text-align:center}.login-page .login-container .login-card .login-footer .demo-info p{color:#718096;font-size:.875rem;margin-bottom:.75rem}.login-page .login-container .login-card .login-footer .demo-info .demo-credentials{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;padding:1rem}.login-page .login-container .login-card .login-footer .demo-info .demo-credentials div{color:#2d3748;font-size:.875rem;margin-bottom:.5rem}.login-page .login-container .login-card .login-footer .demo-info .demo-credentials div:last-child{margin-bottom:0}.login-page .login-container .login-card .login-footer .demo-info .demo-credentials div code{background-color:#639;border-radius:4px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.login-page .login-container .login-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #fff3;border-radius:16px;color:#2d3748;padding:2rem}.login-page .login-container .login-info .info-section{margin-bottom:2rem}.login-page .login-container .login-info .info-section h3{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.login-page .login-container .login-info .info-section .feature-list .feature-item{align-items:flex-start;background:#fff9;border:1px solid #6633991a;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;transition:all .2s ease}.login-page .login-container .login-info .info-section .feature-list .feature-item:hover{background:#ffffffe6;border-color:#6393;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.login-page .login-container .login-info .info-section .feature-list .feature-item:last-child{margin-bottom:0}.login-page .login-container .login-info .info-section .feature-list .feature-item .feature-icon{flex-shrink:0;font-size:1.5rem;margin-top:.125rem}.login-page .login-container .login-info .info-section .feature-list .feature-item .feature-text h4{color:#1a1a1a;font-size:1rem;font-weight:600;margin-bottom:.25rem}.login-page .login-container .login-info .info-section .feature-list .feature-item .feature-text p{color:#718096;font-size:.875rem;line-height:1.5;margin:0}.login-page .login-container .login-info .version-info{border-top:1px solid #6633991a;padding-top:1.5rem;text-align:center}.login-page .login-container .login-info .version-info .version{color:#639;font-size:1rem;font-weight:600;margin-bottom:.25rem}.login-page .login-container .login-info .version-info .developer{color:#718096;font-size:.875rem}@media(max-width:991px){.login-page .login-container .login-info{background:#fffffff2;margin-bottom:2rem;order:-1}.login-page .login-container .login-info .info-section{margin-bottom:1.5rem}.login-page .login-container .login-info .info-section .feature-list .feature-item{margin-bottom:1rem;padding:.75rem}.login-page .login-container .login-card{padding:2rem}}@media(max-width:640px){.login-page .login-container{padding:1rem}.login-page .login-container .login-card{padding:1.5rem}.login-page .login-container .login-card .login-header{margin-bottom:2rem}.login-page .login-container .login-card .login-header .login-description .login-title{font-size:1.5rem}.login-page .login-container .login-card .login-header .login-description .login-subtitle{font-size:.875rem}.login-page .login-container .login-info{padding:1.5rem}.login-page .login-container .login-info .info-section .feature-list .feature-item{flex-direction:column;gap:.75rem;text-align:center}}.form-container{background-color:#fff;background-color:var(--bg-card);border-radius:8px;border-radius:var(--border-radius-lg);box-shadow:0 4px 8px #0000001f;box-shadow:var(--shadow);margin:0 auto;max-width:1000px;padding:3rem;padding:var(--spacing-xxl)}.form-container .form-title{color:#343a40;color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-xxl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:2rem;text-align:center}.form-container .form-title,.form-header{margin-bottom:var(--spacing-xl)}.form-header .breadcrumb{align-items:center;color:#6c757d;color:var(--text-secondary);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-sm)}.form-header .breadcrumb-item.active{color:#343a40;color:var(--text-primary);font-weight:500;font-weight:var(--font-weight-medium)}.form-header .breadcrumb-item:not(:last-child):after{color:#868e96;color:var(--text-muted);content:"/";margin-left:.5rem;margin-left:var(--spacing-sm)}.page-header{align-items:flex-start;background-color:#fff;background-color:var(--bg-card);border-radius:8px;border-radius:var(--border-radius-lg);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:2rem;padding:var(--spacing-xl)}.page-header .header-left .back-link{align-items:center;color:#7b2d8e;color:var(--color-primary);display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--spacing-xs);margin-bottom:.5rem;margin-bottom:var(--spacing-sm);text-decoration:none;transition:.25s ease-in-out;transition:var(--transition)}.page-header .header-left .back-link:hover{color:#592167;color:var(--color-primary-dark)}.page-header .header-left .page-title{color:#343a40;color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-xxl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.page-header .header-left .page-meta{align-items:center;color:#6c757d;color:var(--text-secondary);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-sm)}.page-header .header-left .page-meta .separator{color:#868e96;color:var(--text-muted)}.page-header .header-actions{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}@media(max-width:767px){.page-header{flex-direction:column;gap:1.5rem;gap:var(--spacing-lg)}.page-header .header-actions{justify-content:stretch;width:100%}.page-header .header-actions .btn{flex:1 1}}.basic-info{background-color:#fff;background-color:var(--bg-card);border-radius:8px;border-radius:var(--border-radius-lg);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:2rem;padding:var(--spacing-xl)}.basic-info .info-card{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.basic-info .info-card .info-item{align-items:flex-start;display:flex;gap:1rem;gap:var(--spacing-md)}.basic-info .info-card .info-item .info-icon{color:#7b2d8e;color:var(--color-primary);flex-shrink:0;font-size:1.125rem;font-size:var(--font-size-lg);margin-top:.25rem;margin-top:var(--spacing-xs)}.basic-info .info-card .info-item .info-content .info-label{color:#6c757d;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.5px;margin-bottom:.25rem;margin-bottom:var(--spacing-xs);text-transform:uppercase}.basic-info .info-card .info-item .info-content .info-value{color:#343a40;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.basic-info .info-card .info-item .info-content .info-value a{color:#7b2d8e;color:var(--color-primary);text-decoration:none;transition:.25s ease-in-out;transition:var(--transition)}.basic-info .info-card .info-item .info-content .info-value a:hover{color:#592167;color:var(--color-primary-dark);text-decoration:underline}.tabs-header{background-color:#fff;background-color:var(--bg-card);border-bottom:1px solid #edeff1;border-bottom:1px solid var(--border-light);border-radius:8px 8px 0 0;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;display:flex;overflow-x:auto}.tabs-header .tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);transition:.25s ease-in-out;transition:var(--transition);white-space:nowrap}.tabs-header .tab-button:hover{background-color:#f0f0ed;background-color:var(--color-gray-50);color:#343a40;color:var(--text-primary)}.tabs-header .tab-button.active{background-color:#f0f0ed;background-color:var(--color-gray-50);border-bottom-color:#7b2d8e;border-bottom-color:var(--color-primary);color:#7b2d8e;color:var(--color-primary)}.tabs-content{border-radius:0 0 8px 8px;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);padding:2rem;padding:var(--spacing-xl)}.empty-card,.tabs-content{background-color:#fff;background-color:var(--bg-card)}.empty-card{border:2px dashed #dee2e6;border:2px dashed var(--border-color);border-radius:8px;border-radius:var(--border-radius-lg);padding:3rem;padding:var(--spacing-xxl);text-align:center}.empty-card .icon{font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.empty-card .title{color:#343a40;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.empty-card .description{color:#6c757d;color:var(--text-secondary);font-size:1rem;font-size:var(--font-size-base);margin-bottom:2rem;margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:400px}.filter-tabs{display:flex;gap:.25rem;gap:var(--spacing-xs);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);overflow-x:auto}.filter-tabs .filter-tab{background-color:#fff;background-color:var(--bg-card);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--border-radius);color:#6c757d;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:.25s ease-in-out;transition:var(--transition);white-space:nowrap}.filter-tabs .filter-tab:hover{background-color:#ebebe7;background-color:var(--color-gray-100);border-color:#b2bcc5;border-color:var(--border-dark)}.filter-tabs .filter-tab.active{background-color:#7b2d8e;background-color:var(--color-primary);border-color:#7b2d8e;border-color:var(--color-primary);color:#fff;color:var(--text-light)}.filter-tabs .filter-tab--warning.active{background-color:#ffc107;background-color:var(--color-warning);border-color:#ffc107;border-color:var(--color-warning);color:#1d2124;color:var(--color-gray-700)}.filter-tabs .filter-tab--danger.active{background-color:#dc3545;background-color:var(--color-danger);border-color:#dc3545;border-color:var(--color-danger);color:#fff;color:var(--text-light)}.filter-tabs .filter-tab--success.active{background-color:#28a745;background-color:var(--color-success);border-color:#28a745;border-color:var(--color-success);color:#fff;color:var(--text-light)}.filter-tabs .filter-tab--info.active{background-color:#17a2b8;background-color:var(--color-info);border-color:#17a2b8;border-color:var(--color-info);color:#fff;color:var(--text-light)}.filter-controls{align-items:center;display:flex;gap:1.5rem;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.filter-controls .search-filters{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md)}@media(max-width:767px){.filter-controls{align-items:stretch;flex-direction:column}.filter-controls .search-filters{width:100%}}.grid-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1rem 0;padding:var(--spacing-md) 0}.grid-header .results-info{color:#6c757d;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm)}.grid-header .results-info .count{color:#343a40;color:var(--text-primary);font-weight:600;font-weight:var(--font-weight-semibold)}.grid-header .sort-options{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.grid-header .sort-options .sort-label{color:#6c757d;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);white-space:nowrap}.grid-header .sort-options .sort-select{min-width:180px}@media(max-width:767px){.grid-header{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--spacing-md)}}.cliente-form .page-header{background:linear-gradient(135deg,#7b2d8e,#4caf50);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:8px;border-radius:var(--border-radius-lg);color:#fff;margin:-var(--spacing-lg) -var(--spacing-lg) var(--spacing-xl) -var(--spacing-lg);padding:2rem;padding:var(--spacing-xl);position:relative}.cliente-form .page-header .header-left .back-link{color:#ffffffe6}.cliente-form .page-header .header-left .back-link:hover{color:#fff}.cliente-form .page-header .header-left .page-title{color:#fff;text-shadow:1px 1px 4px #0000004d}.cliente-form .page-header .header-actions .btn{background-color:#fff3;border-color:#ffffff4d;color:#fff}.cliente-form .page-header .header-actions .btn:hover{background-color:#ffffff4d}.cliente-form .form-title{border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--color-gray-200);color:#343a40;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding-bottom:1rem;padding-bottom:var(--spacing-md);text-align:center}.cliente-form .form-section{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.cliente-form .form-section .section-title{align-items:center;color:#343a40;color:var(--text-primary);display:flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-weight-bold);gap:.5rem;gap:var(--spacing-sm);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.cliente-form .form-section .section-title .section-icon{color:#7b2d8e;color:var(--color-primary)}.cliente-form .contacto-group{background-color:#f0f0ed;background-color:var(--color-gray-50);border:1px solid #edeff1;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--border-radius);margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:1.5rem;padding:var(--spacing-lg)}.cliente-form .contacto-group .contacto-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.cliente-form .contacto-group .contacto-header h3{color:#3b9844;font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.cliente-form .payment-types .radio-group{display:flex;gap:2rem;gap:var(--spacing-xl);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.cliente-form .payment-types .radio-group .radio-option{align-items:center;cursor:pointer;display:flex;gap:.5rem;gap:var(--spacing-sm)}.cliente-form .payment-types .radio-group .radio-option input[type=radio]{accent-color:#7b2d8e;accent-color:var(--color-primary)}.cliente-form .payment-types .radio-group .radio-option .radio-label{color:#343a40;color:var(--text-primary);font-weight:500;font-weight:var(--font-weight-medium)}.cliente-form .payment-types .credit-terms{background-color:#00aeef0d;border-left:4px solid #7b2d8e;border-left:4px solid var(--color-primary);border-radius:6px;border-radius:var(--border-radius);padding:1.5rem;padding:var(--spacing-lg)}.cliente-form .payment-types .credit-terms .checkbox-wrapper{align-items:center;display:flex;height:100%}.cliente-form .form-actions{border-top:2px solid #dee2e6;border-top:2px solid var(--color-gray-200);display:flex;gap:1.5rem;gap:var(--spacing-lg);justify-content:center;margin-top:3rem;margin-top:var(--spacing-xxl);padding-top:2rem;padding-top:var(--spacing-xl)}.cliente-form .form-actions .btn{flex:0 0 auto;font-weight:600;font-weight:var(--font-weight-semibold);justify-content:center;min-width:180px!important;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl)}.cliente-form .form-actions .btn.btn--cancel{background-color:#dee2e6;background-color:var(--color-gray-200);border-color:#c1c9d0;border-color:var(--color-gray-300);color:#343a40;color:var(--text-primary)}.cliente-form .form-actions .btn.btn--cancel:hover{background-color:#c1c9d0;background-color:var(--color-gray-300)}.cliente-form .form-actions .btn.btn--save{background-color:#7b2d8e;background-color:var(--color-primary);border-color:#7b2d8e;border-color:var(--color-primary);color:#fff}.cliente-form .form-actions .btn.btn--save:hover{background-color:#592167;background-color:var(--color-primary-dark)}.clientes-page .client-card{position:relative}.clientes-page .client-card--overdue{border-left:4px solid #dc3545;border-left:4px solid var(--color-danger)}.clientes-page .client-card--overdue .overdue-indicator{background-color:#dc3545;background-color:var(--color-danger);border-radius:50%;color:#fff;font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem;padding:var(--spacing-xs);position:absolute;right:.5rem;right:var(--spacing-sm);top:.5rem;top:var(--spacing-sm)}.clientes-page .client-card--vip .vip-badge{align-items:center;background:linear-gradient(45deg,gold,#ffed4e);border-radius:.25rem;border-radius:var(--border-radius-sm);color:#8b6914;display:flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:700;font-weight:var(--font-weight-bold);gap:.25rem;gap:var(--spacing-xs);left:.5rem;left:var(--spacing-sm);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;top:.5rem;top:var(--spacing-sm)}.clientes-page .client-info{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.clientes-page .client-info .business-name{color:#343a40;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.clientes-page .client-info .contact-name{color:#6c757d;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.clientes-page .client-info .client-category{color:#3b9844;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);text-transform:uppercase}.clientes-page .client-stats .stat-item{display:flex;font-size:.75rem;font-size:var(--font-size-xs);justify-content:space-between;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.clientes-page .client-stats .stat-item .label{color:#6c757d;color:var(--text-secondary);font-weight:500;font-weight:var(--font-weight-medium)}.clientes-page .client-stats .stat-item .value{color:#343a40;color:var(--text-primary);font-weight:600;font-weight:var(--font-weight-semibold)}.clientes-page .client-stats .stat-item .value.amount{color:#28a745;color:var(--color-success)}.clientes-page .client-stats .stat-item .value.overdue{color:#dc3545;color:var(--color-danger);font-weight:700;font-weight:var(--font-weight-bold)}@media(max-width:1199px){.content-area{padding:1rem;padding:var(--spacing-md)}}@media(max-width:767px){.cards-grid,.form-layout--three-column,.form-layout--two-column{grid-template-columns:1fr}.main-header{padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.main-header__center{margin:0 1rem;margin:0 var(--spacing-md)}.main-header__right .header-actions{gap:.25rem;gap:var(--spacing-xs)}.main-header__right .header-actions .btn{font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.main-header__right .header-actions .btn span{display:none}.cliente-form .payment-types .radio-group{flex-direction:column;gap:1rem;gap:var(--spacing-md)}.cliente-form .form-actions{align-items:stretch;flex-direction:column}.cliente-form .form-actions .btn{min-width:auto!important;width:100%}}.data-table--facturas{background-color:#fff;background-color:var(--bg-card);border-collapse:collapse;border-radius:8px;border-radius:var(--border-radius-lg);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);overflow:hidden;width:100%}.data-table--facturas thead th{color:#2f2663;font-size:.875rem;font-size:var(--font-size-sm);font-weight:700;font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);text-align:left;text-transform:uppercase}.data-table--facturas thead th.text-right{text-align:right}.data-table--facturas thead th.text-center{text-align:center}.data-table--facturas tbody tr{border-bottom:1px solid #edeff1;border-bottom:1px solid var(--border-light);transition:background-color .2s ease}.data-table--facturas tbody tr:hover{background-color:#f0f0ed;background-color:var(--color-gray-50)}.data-table--facturas tbody tr:last-child{border-bottom:none}.data-table--facturas tbody tr td{color:#343a40;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.data-table--facturas tbody tr td.text-right{text-align:right}.data-table--facturas tbody tr td.text-center{text-align:center}.data-table--facturas tbody tr td strong{font-weight:600;font-weight:var(--font-weight-semibold)}.btn-pay-invoice{align-items:center;background:linear-gradient(135deg,#9b26af,#7b1fa2);border:none;border-radius:50px;box-shadow:0 2px 6px #9b26af4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-size:var(--font-size-lg);height:40px;justify-content:center;transition:all .3s ease;width:40px}.btn-pay-invoice:hover{background:linear-gradient(135deg,#7b1fa2,#6a1b9a);box-shadow:0 4px 12px #9b26af66;transform:translateY(-2px)}.btn-pay-invoice:active{box-shadow:0 2px 6px #9b26af4d;transform:translateY(0)}.btn-pay-invoice svg{height:18px;width:18px}.table-container{background-color:#fff;background-color:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:0 4px 8px #0000001f;box-shadow:var(--shadow);margin-bottom:2rem;margin-bottom:var(--spacing-xl);overflow-x:auto;width:100%}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#ebebe7;background:var(--color-gray-100);border-radius:6px;border-radius:var(--border-radius)}.table-container::-webkit-scrollbar-thumb{background:#c1c9d0;background:var(--color-gray-300);border-radius:6px;border-radius:var(--border-radius)}.table-container::-webkit-scrollbar-thumb:hover{background:#6c757d;background:var(--color-gray-400)}.payment-info-summary{background-color:#f0f0ed;background-color:var(--color-gray-50);border-left:4px solid #9b26af;border-radius:6px;border-radius:var(--border-radius);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1rem;padding:var(--spacing-md)}.payment-info-summary p{color:#343a40;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.payment-info-summary p:last-child{margin-bottom:0}.payment-info-summary p strong{color:#343a40;color:var(--text-primary);font-weight:600;font-weight:var(--font-weight-semibold);margin-right:.25rem;margin-right:var(--spacing-xs)}.formulas-list-container{background-color:#fff;background-color:var(--bg-card);border-radius:8px;border-radius:var(--border-radius-lg);box-shadow:0 4px 8px #0000001f;box-shadow:var(--shadow);overflow:hidden}.formulas-list-container .formula-list-item{align-items:center;border-bottom:1px solid #edeff1;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.formulas-list-container .formula-list-item:last-child{border-bottom:none}.formulas-list-container .formula-list-item:hover{background-color:#f0f0ed;background-color:var(--color-gray-50)}.formulas-list-container .formula-list-item:hover .formula-print-btn{opacity:1;transform:scale(1.05)}.formulas-list-container .formula-list-item .formula-info{align-items:baseline;display:flex;flex:1 1;gap:.5rem;gap:var(--spacing-sm)}.formulas-list-container .formula-list-item .formula-info .formula-name{color:#2f2663;font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);text-transform:uppercase}.formulas-list-container .formula-list-item .formula-info .formula-quantity{color:#6c757d;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:400;font-weight:var(--font-weight-normal);text-transform:uppercase}.formulas-list-container .formula-list-item .formula-print-btn{align-items:center;background:none;border:none;color:#7b2d8e;cursor:pointer;display:flex;font-size:1.25rem;font-size:var(--font-size-xl);height:40px;justify-content:center;opacity:.7;transition:all .2s ease;width:40px}.formulas-list-container .formula-list-item .formula-print-btn:hover{color:#5a2068;opacity:1}.formulas-list-container .formula-list-item .formula-print-btn:active{transform:scale(.95)}.formulas-list-container .formula-list-item .formula-print-btn svg{height:24px;width:24px}.clientes-page .stats-summary{margin-bottom:2rem}@media(max-width:768px){.clientes-page .stats-summary{flex-direction:column;gap:1rem}}.clientes-page .stats-summary .stat-item{background-color:#ebebe7;padding:1rem}.clientes-page .content-card--warning.client-card .content-thumbnail,.clientes-page .content-card.content-card--warning .content-thumbnail{position:relative}.clientes-page .content-card--warning.client-card .content-thumbnail:after,.clientes-page .content-card.content-card--warning .content-thumbnail:after{align-items:center;background-color:#ffc107;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;content:"!";display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.clientes-page .content-card--inactive.client-card,.clientes-page .content-card.content-card--inactive{background-color:#ebebe7;opacity:.7}.clientes-page .content-card--inactive.client-card .content-thumbnail,.clientes-page .content-card.content-card--inactive .content-thumbnail{filter:grayscale(100%)}.clientes-page .clients-list{box-shadow:0 2px 4px #0000001a}.clientes-page .clients-list .list-header{grid-gap:1rem;background-color:#ebebe7;border-bottom:1px solid #dee2e6;color:#343a40;font-size:.75rem;font-weight:700;gap:1rem;grid-template-columns:2fr 1.5fr 1fr 1fr 1fr 120px}@media(max-width:1024px){.clientes-page .clients-list .list-header{grid-template-columns:2fr 1.5fr 1fr 120px}.clientes-page .clients-list .list-header .col:nth-child(4),.clientes-page .clients-list .list-header .col:nth-child(5){display:none}}@media(max-width:768px){.clientes-page .clients-list .list-header{grid-template-columns:2fr 120px}.clientes-page .clients-list .list-header .col:nth-child(2),.clientes-page .clients-list .list-header .col:nth-child(3){display:none}}.clientes-page .clients-list .list-row{grid-gap:1rem;border-bottom:1px solid #dee2e680;font-size:.875rem;gap:1rem;grid-template-columns:2fr 1.5fr 1fr 1fr 1fr 120px;padding:1rem 1.5rem}.clientes-page .clients-list .list-row.list-row--warning{border-left:3px solid #ffc107}@media(max-width:1024px){.clientes-page .clients-list .list-row{grid-template-columns:2fr 1.5fr 1fr 120px}.clientes-page .clients-list .list-row .col:nth-child(4),.clientes-page .clients-list .list-row .col:nth-child(5){display:none}}@media(max-width:768px){.clientes-page .clients-list .list-row{grid-template-columns:2fr 120px}.clientes-page .clients-list .list-row .col:nth-child(2),.clientes-page .clients-list .list-row .col:nth-child(3){display:none}}.clientes-page .clients-list .list-row .col{display:flex;flex-direction:column;justify-content:center}.clientes-page .clients-list .list-row .col.actions-col{flex-direction:row}.clientes-page .clients-list .list-row .col strong{margin-bottom:2px}.clientes-page .clients-list .list-row .warning-badge{color:#ffc107;font-size:.75rem;font-weight:500}.clientes-page .clients-list .list-row .category-badge{align-self:flex-start;background-color:#7b2d8e1a;border-radius:6px;color:#7b2d8e;display:inline-block;font-size:.75rem;font-weight:500;padding:2px 8px;text-transform:uppercase}.clientes-page .clients-list .list-row .action-btn{background:none;border:none;border-radius:6px;color:#6c757d;cursor:pointer;padding:.25rem;transition:.25s ease-in-out}.clientes-page .clients-list .list-row .action-btn:hover{background-color:#7b2d8e1a;color:#7b2d8e}.clientes-page .clients-list .list-row .action-btn.action-btn--danger:hover{background-color:#dc35451a;color:#dc3545}.clientes-page .empty-state{padding:3rem}.clientes-page .empty-state h3{font-size:1.125rem;margin-bottom:.5rem}.clientes-page .empty-state p{margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:400px}.clientes-page .alert.alert--success .alert-icon{color:#28a745}.clientes-page .alert.alert--error{background-color:#dc35451a;border-color:#dc354533;color:#dc3545}.clientes-page .alert.alert--error .alert-icon{color:#dc3545}.clientes-page .alert .alert-content{flex:1 1}.client-stats .stat-item{display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:.25rem}.client-stats .stat-item .label{color:#6c757d;font-weight:500}.client-stats .stat-item .value{color:#343a40;font-weight:600}.client-stats .stat-item .value.amount{color:#28a745}.client-stats .stat-item .value.overdue{color:#dc3545;font-weight:700}.client-stats .stat-row{align-items:center;border-bottom:1px solid #dee2e680;display:flex;justify-content:space-between;margin-bottom:.25rem;padding-bottom:.25rem}.client-stats .stat-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.client-stats .stat-row .label{color:#6c757d;font-size:.75rem;font-weight:500}.client-stats .stat-row .value{color:#343a40;font-size:.75rem;font-weight:600;text-align:right}.client-stats .stat-row .value.amount{color:#28a745}.client-stats .stat-row .value.overdue{color:#dc3545;font-weight:700}.client-filters{margin-bottom:1.5rem}.table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-top:20px;overflow:hidden}.table-container .data-table{border-collapse:collapse;width:100%}.table-container .data-table thead{background:#f8f9fa}.table-container .data-table thead tr th{border-bottom:2px solid #dee2e6;color:#495057;font-size:12px;font-weight:700;padding:15px 12px;text-align:left}.table-container .data-table thead tr th.text-center{text-align:center}.table-container .data-table thead tr th.text-right{text-align:right}.table-container .data-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s}.table-container .data-table tbody tr:hover{background:#f8f9fa}.table-container .data-table tbody tr td{font-size:14px;padding:15px 12px}.table-container .data-table tbody tr td.text-center{text-align:center}.table-container .data-table tbody tr td.text-right{text-align:right}.table-container .data-table tbody tr td strong{color:#495057;font-weight:600}.badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.badge.badge-distributor{background-color:#e3f2fd;color:#1976d2}.badge.badge-tienda{background-color:#f3e5f5;color:#7b1fa2}.badge.badge-warning{background-color:#fff3e0;color:#f57c00}.badge.badge-activo{background-color:#e8f5e9;color:#388e3c}.badge.badge-inactivo{background-color:#fce4ec;color:#c2185b}.clientes-page .stats-summary{background:#fff;border-radius:40px;box-shadow:0 2px 4px #0000001a;display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem}@media(max-width:768px){.clientes-page .stats-summary{flex-wrap:wrap;gap:1rem}}.clientes-page .stats-summary .stat-item{align-items:center;border-radius:6px;display:flex;flex:1 1;flex-direction:column;padding:.5rem;text-align:center;transition:.25s ease-in-out}.clientes-page .stats-summary .stat-item:hover{background-color:#7b2d8e0d;transform:translateY(-2px)}.clientes-page .stats-summary .stat-item .stat-label{color:#6c757d;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.clientes-page .stats-summary .stat-item .stat-value{color:#343a40;font-size:1.125rem;font-weight:700}.clientes-page .stats-summary .stat-item .stat-value.stat-value--success{color:#28a745}.clientes-page .stats-summary .stat-item .stat-value.stat-value--warning{color:#ffc107}.clientes-page .stats-summary .stat-item .stat-value.stat-value--danger{color:#dc3545}.clientes-page .client-card,.clientes-page .content-card{position:relative}.clientes-page .content-card--warning.client-card,.clientes-page .content-card.content-card--warning{border-left:4px solid #ffc107}.clientes-page .content-card--warning.client-card:before,.clientes-page .content-card.content-card--warning:before{color:#ffc107;content:"⚠";font-size:.875rem;font-weight:700;position:absolute;right:.5rem;top:.5rem}.clientes-page .content-card--inactive.client-card,.clientes-page .content-card.content-card--inactive{filter:grayscale(20%);opacity:.6}.clientes-page .client-card .client-stats,.clientes-page .content-card .client-stats{margin-top:.5rem}.clientes-page .client-card .client-stats .stat-row,.clientes-page .content-card .client-stats .stat-row{align-items:center;display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:.25rem}.clientes-page .client-card .client-stats .stat-row:last-child,.clientes-page .content-card .client-stats .stat-row:last-child{margin-bottom:0}.clientes-page .client-card .client-stats .stat-row .label,.clientes-page .content-card .client-stats .stat-row .label{color:#6c757d;font-weight:500}.clientes-page .client-card .client-stats .stat-row .value,.clientes-page .content-card .client-stats .stat-row .value{color:#343a40;font-weight:600}.clientes-page .client-card .client-stats .stat-row .value.amount,.clientes-page .content-card .client-stats .stat-row .value.amount{color:#28a745}.clientes-page .client-card .client-stats .stat-row .value.overdue,.clientes-page .content-card .client-stats .stat-row .value.overdue{color:#dc3545;font-weight:700}.clientes-page .client-card .content-card__actions .action-btn--danger,.clientes-page .content-card .content-card__actions .action-btn--danger{color:#dc3545}.clientes-page .client-card .content-card__actions .action-btn--danger:hover,.clientes-page .content-card .content-card__actions .action-btn--danger:hover{background-color:#dc35451a;color:#bd2130}.clientes-page .clients-list{background:#fff;border-radius:40px;box-shadow:0 4px 8px #0000001f;overflow:hidden}.clientes-page .clients-list .list-header{background:linear-gradient(135deg,#7b2d8e,#6a277b);color:#fff;display:grid;font-size:.875rem;font-weight:600;grid-template-columns:2fr 1.5fr 1fr 1.2fr .8fr 1fr;letter-spacing:.5px;padding:1rem 1.5rem;text-transform:uppercase}@media(max-width:992px){.clientes-page .clients-list .list-header{grid-template-columns:1fr 1fr 1fr}.clientes-page .clients-list .list-header .col:nth-child(2),.clientes-page .clients-list .list-header .col:nth-child(4){display:none}}@media(max-width:768px){.clientes-page .clients-list .list-header{grid-template-columns:1fr auto}.clientes-page .clients-list .list-header .col:nth-child(3),.clientes-page .clients-list .list-header .col:nth-child(5){display:none}}.clientes-page .clients-list .list-row{align-items:center;border-bottom:1px solid #dee2e6;cursor:pointer;display:grid;grid-template-columns:2fr 1.5fr 1fr 1.2fr .8fr 1fr;padding:1.5rem;transition:.25s ease-in-out}.clientes-page .clients-list .list-row:hover{background-color:#7b2d8e0d}.clientes-page .clients-list .list-row:last-child{border-bottom:none}.clientes-page .clients-list .list-row.list-row--warning{background-color:#ffc1070d;border-left:4px solid #ffc107}@media(max-width:992px){.clientes-page .clients-list .list-row{grid-template-columns:1fr 1fr 1fr}.clientes-page .clients-list .list-row .col:nth-child(2),.clientes-page .clients-list .list-row .col:nth-child(4){display:none}}@media(max-width:768px){.clientes-page .clients-list .list-row{grid-template-columns:1fr auto}.clientes-page .clients-list .list-row .col:nth-child(3),.clientes-page .clients-list .list-row .col:nth-child(5){display:none}}.clientes-page .clients-list .list-row .col{color:#343a40;font-size:.875rem}.clientes-page .clients-list .list-row .col strong{color:#7b2d8e;font-weight:600}.clientes-page .clients-list .list-row .col .warning-badge{color:#ffc107;display:block;font-size:.75rem;font-weight:500;margin-top:2px}.clientes-page .clients-list .list-row .col .category-badge{background-color:#7b2d8e1a;border-radius:12px;color:#7b2d8e;font-size:.75rem;font-weight:500;padding:2px 8px;text-transform:uppercase}.clientes-page .clients-list .list-row .col.actions-col{display:flex;gap:.25rem;justify-content:flex-end}.clientes-page .clients-list .list-row .col.actions-col .action-btn{border-radius:4px;padding:.25rem}.clientes-page .clients-list .list-row .col.actions-col .action-btn.action-btn--danger{color:#dc3545}.clientes-page .clients-list .list-row .col.actions-col .action-btn.action-btn--danger:hover{background-color:#dc35451a}.clientes-page .empty-state{background:#fff;border-radius:40px;box-shadow:0 2px 4px #0000001a;padding:6rem;text-align:center}.clientes-page .empty-state .empty-icon{color:#6c757d;font-size:4rem;margin-bottom:1.5rem}.clientes-page .empty-state h3{color:#343a40;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.clientes-page .empty-state p{color:#6c757d;font-size:1rem;line-height:1.6;margin-bottom:2rem}.clientes-page .loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9998}.clientes-page .loading-overlay .loading-spinner{border-width:3px;height:40px;width:40px}.alert[style*="position: fixed"]{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.alert[style*="position: fixed"] button{background:none;border:none;cursor:pointer;font-size:1.125rem;line-height:1;margin-left:.5rem;opacity:.7;padding:0}.alert[style*="position: fixed"] button:hover{opacity:1}.status-badge.status-badge--activo{background-color:#afecbd;background-color:var(--color-success-light);color:#28a745;color:var(--color-success)}.status-badge.status-badge--inactivo{background-color:#dee2e6;background-color:var(--color-gray-200);color:#343a40;color:var(--color-gray-600)}@media(max-width:768px){.clientes-page .stats-summary .stat-item{min-width:calc(50% - .5rem)}.clientes-page .action-menu{flex-direction:column;gap:.5rem}.clientes-page .action-menu .menu-item{justify-content:center;width:100%}.clientes-page .action-menu .menu-item.menu-item--search{align-items:stretch;flex-direction:column}.clientes-page .action-menu .menu-item.menu-item--search .search-label{margin-bottom:.25rem;text-align:center}.clientes-page .client-grid,.clientes-page .content-grid{grid-template-columns:1fr}}@media(max-width:480px){.clientes-page .stats-summary .stat-item{min-width:100%}.clientes-page .client-card .content-card__actions,.clientes-page .content-card .content-card__actions{opacity:1}.clientes-page .client-card .content-card__actions .action-btn,.clientes-page .content-card .content-card__actions .action-btn{min-height:40px;min-width:40px;padding:.5rem}}.clientes-page .client-card:hover .content-card__actions .action-btn,.content-card:hover .content-card__actions .action-btn{transform:scale(1.05)}.action-btn:focus{outline:2px solid #7b2d8e;outline-offset:2px}.list-row:focus{outline:2px solid #7b2d8e;outline-offset:-2px}.clientes-page .client-card:hover,.content-card:hover,.list-row:hover{transform:translateY(-2px)}.stat-item:hover .stat-value{transform:scale(1.05)}.cliente-form-page{margin:0 auto;max-width:1200px;padding:1.5rem}.form-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.form-header .form-title{color:#343a40;font-size:2rem;font-weight:700;margin:0}.form-header .form-actions{display:flex;gap:1rem}.cliente-form{width:100%}.form-columns{grid-gap:2rem;gap:2rem}@media(max-width:992px){.form-columns{gap:1.5rem;grid-template-columns:1fr}}.form-column{gap:1.5rem}@media(max-width:768px){.form-grid-2{grid-template-columns:1fr}}.form-radio-group{flex-direction:row;gap:1.5rem}@media(max-width:768px){.form-radio-group{flex-direction:column;gap:.5rem}}.form-radio{font-size:13px;font-weight:500}.form-radio .radio-custom{border:2px solid #ccc;height:16px;width:16px}.form-radio .radio-custom:after{background:#7b2d8e}.form-section{background:#fff;border:1px solid #dee2e6;border-radius:40px;padding:1.5rem}.form-section .section-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem}.form-section .section-header .section-icon{color:#7b2d8e;font-size:1.125rem}.form-section .section-header .section-title{color:#343a40;font-size:1.125rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.form-section .section-header h3.section-title{font-size:1rem}.form-section.compact{padding:1rem}.form-section.compact .section-header{margin-bottom:1rem;padding-bottom:.5rem}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.form-grid.two-columns{grid-template-columns:1fr 1fr}@media(max-width:768px){.form-grid.two-columns{grid-template-columns:1fr}}.form-group--inline{align-items:center;flex-direction:row;gap:.5rem}.form-group--inline .form-label{margin-bottom:0;white-space:nowrap}.form-label{color:#7b2d8e;margin-bottom:.25rem}.form-label.required:after{color:#dc3545;content:"*";margin-left:2px}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #ccc;border-radius:4px;font-family:Maven Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;padding:8px 12px;transition:border-color .25s ease-in-out,box-shadow .25s ease-in-out}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#7b2d8e;box-shadow:0 0 0 2px #7b2d8e1a;outline:none}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:#aaa;font-style:normal}.form-input.error,.form-select.error,.form-textarea.error{border-color:#dc3545;box-shadow:0 0 0 2px #dc35451a}.form-textarea{min-height:80px;resize:vertical}.form-error{color:#dc3545}.form-error,.form-hint{font-size:11px;margin-top:.25rem}.form-hint{color:#6c757d}.input-with-button{align-items:center;display:flex;gap:.25rem}.input-with-button .form-input{flex:1 1}.input-with-button .btn-add{align-items:center;background:#4caf50;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:24px;justify-content:center;width:24px}.input-with-button .btn-add:hover{background:#3d8b40}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:.25rem}.checkbox-group.inline,.radio-group.inline{flex-direction:row;gap:1rem}.checkbox-option,.radio-option{align-items:center;display:flex;gap:.25rem}.checkbox-option input[type=checkbox],.checkbox-option input[type=radio],.radio-option input[type=checkbox],.radio-option input[type=radio]{margin:0}.checkbox-option label,.radio-option label{color:#343a40;cursor:pointer;font-size:13px;margin:0}.address-section .address-toggle{display:flex;gap:1rem;margin-bottom:1rem}.address-section .address-toggle .toggle-option{background:#fff;border:1px solid #dee2e6;border-radius:20px;color:#343a40;cursor:pointer;font-size:12px;font-weight:500;padding:.25rem 1rem;transition:all .25s ease-in-out}.address-section .address-toggle .toggle-option.active{background:#7b2d8e;border-color:#7b2d8e;color:#fff}.address-section .address-toggle .toggle-option:hover:not(.active){background:#7b2d8e1a}.address-section .address-fields{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media(max-width:768px){.address-section .address-fields{grid-template-columns:1fr}}.address-section .address-fields .form-group--full{grid-column:1/-1}.main-form .form-breadcrumb{align-items:center;background-color:#fff;border-bottom:1px solid #dee2e6;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:0;padding:1.5rem}.main-form .form-breadcrumb .breadcrumb-link{align-items:center;background:none;border:none;color:#7b2d8e;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:0;text-decoration:underline}.main-form .form-breadcrumb .breadcrumb-link:hover{color:#592167}.main-form .form-breadcrumb .breadcrumb-separator{color:#6c757d}.main-form .form-breadcrumb .breadcrumb-current{color:#343a40;font-weight:600}.main-form .address-fields{display:flex;flex-direction:column;gap:.5rem}.main-form .address-fields .address-row{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}@media(max-width:768px){.main-form .address-fields .address-row{grid-template-columns:1fr}}.main-form .delivery-section .delivery-options{display:flex;flex-direction:column;gap:1rem}.main-form .delivery-section .delivery-options .radio-group.inline{flex-direction:row;gap:1.5rem}.main-form .delivery-section .delivery-options .delivery-type{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:.5rem}.main-form .phone-input{align-items:center;display:flex;gap:.25rem}.main-form .phone-input .btn-add{flex-shrink:0}.main-form .phone-input .form-input{flex:1 1}.main-form .subsection-title{color:#343a40;font-size:.875rem;font-weight:700;letter-spacing:.5px;margin:1.5rem 0 .5rem;text-transform:uppercase}.main-form .credit-terms{background-color:#7b2d8e0d;border-left:3px solid #7b2d8e;border-radius:6px;margin-top:1rem;padding:1rem}.main-form .credit-terms .form-group{margin-bottom:.5rem}.main-form .credit-terms .form-group:last-child{margin-bottom:0}.main-form .radio-group .radio-option{margin-bottom:.25rem}.main-form .radio-group .radio-option:last-child{margin-bottom:0}.main-form .select-wrapper+.btn-add{margin-left:0;margin-top:.25rem}@media(max-width:992px){.main-form .form-row.two-columns{gap:2rem;grid-template-columns:1fr}}@media(max-width:768px){.main-form .delivery-options .radio-group.inline{flex-direction:column;gap:.5rem}.main-form .phone-input{align-items:stretch;flex-direction:column}.main-form .phone-input .btn-add{align-self:flex-start;margin-bottom:.25rem}}.main-form .dynamic-group{background-color:#fafafa;border:1px solid #dee2e6}.main-form .dynamic-group .group-header{background-color:#7b2d8e0d;border-bottom:1px solid #dee2e6;margin:-3rem -.5rem;padding:.5rem 1.5rem}.main-form .dynamic-group .group-header .group-title{color:#7b2d8e;font-size:.875rem;font-weight:700;text-transform:uppercase}.main-form .conditional-fields{background-color:#7b2d8e05;border:1px solid #7b2d8e1a;border-radius:40px;margin-top:1rem;padding:1rem}.main-form .conditional-fields .form-group{margin-bottom:.5rem}.main-form .conditional-fields .form-group:last-child{margin-bottom:0}.main-form .btn-form.btn-form-sm{font-size:.75rem;min-width:auto;padding:.25rem .5rem}.form-label{color:#343a40;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.form-help{color:#6c757d;font-size:10px;font-style:italic;margin-top:2px}.cliente-form .form-input,.cliente-form .form-select,.cliente-form .form-textarea,.main-form .form-input,.main-form .form-select,.main-form .form-textarea{border:1px solid #ccc;border-radius:4px;font-family:Maven Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;padding:8px 10px;width:100%}.cliente-form .form-input:focus,.cliente-form .form-select:focus,.cliente-form .form-textarea:focus,.main-form .form-input:focus,.main-form .form-select:focus,.main-form .form-textarea:focus{border-color:#7b2d8e;box-shadow:0 0 0 2px #7b2d8e1a}.cliente-form .form-input::placeholder,.cliente-form .form-select::placeholder,.cliente-form .form-textarea::placeholder,.main-form .form-input::placeholder,.main-form .form-select::placeholder,.main-form .form-textarea::placeholder{color:#aaa;font-style:normal}select.form-input{-webkit-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%23666" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}.cliente-form .btn-add,.main-form .btn-add{align-items:center;background-color:#4caf50;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;transition:background-color .25s ease-in-out;width:24px}.cliente-form .btn-add:hover,.main-form .btn-add:hover{background-color:#3d8b40}@media(max-width:992px){.form-columns{gap:1.5rem}.form-columns,.form-grid-2{grid-template-columns:1fr}.form-radio-group{flex-direction:column;gap:.5rem}}.cliente-detalle-page{padding-bottom:100px}.cliente-detail-form{padding:2rem;padding:var(--spacing-xl)}.cliente-detail-form .form-value{align-items:center;background-color:#f0f0ed;background-color:var(--color-gray-50);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--border-radius);color:#343a40;color:var(--text-primary);display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);min-height:42px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.cliente-detalle{padding:1.5rem}.cliente-detalle .detalle-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.cliente-detalle .detalle-header .breadcrumb{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.cliente-detalle .detalle-header .breadcrumb .breadcrumb-item.active{color:#343a40;font-weight:600}.cliente-detalle .detalle-header .header-actions{display:flex;gap:.5rem}.cliente-detalle .cliente-info-card{background:#fff;border-radius:40px;box-shadow:0 4px 8px #0000001f;margin-bottom:1.5rem;padding:2rem}.cliente-detalle .cliente-info-card .info-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.cliente-detalle .cliente-info-card .info-header .business-info .business-name{color:#7b2d8e;font-size:2rem;font-weight:700;margin-bottom:.25rem}.cliente-detalle .cliente-info-card .info-header .business-info .contact-name{color:#6c757d;font-size:1.125rem;margin-bottom:1rem}.cliente-detalle .cliente-info-card .info-header .business-info .status-badges{display:flex;gap:.5rem}.cliente-detalle .cliente-info-card .info-header .business-info .status-badges .status-badge--activo{background-color:#afecbd;background-color:var(--color-success-light);color:#28a745;color:var(--color-success)}.cliente-detalle .cliente-info-card .info-header .business-info .status-badges .category-badge{background-color:#7b2d8e1a;border-radius:6px;color:#7b2d8e;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase}.cliente-detalle .cliente-info-card .info-header .contact-actions{display:flex;gap:.5rem}.cliente-detalle .cliente-info-card .info-header .contact-actions .contact-btn{align-items:center;background-color:#ebebe7;border:none;border-radius:50%;color:#343a40;cursor:pointer;display:flex;height:40px;justify-content:center;transition:.25s ease-in-out;width:40px}.cliente-detalle .cliente-info-card .info-header .contact-actions .contact-btn:hover{background-color:#7b2d8e;box-shadow:0 4px 8px #0000001f;color:#fff;transform:translateY(-2px)}.cliente-detalle .cliente-info-card .info-details{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}@media(max-width:768px){.cliente-detalle .cliente-info-card .info-details{gap:1.5rem;grid-template-columns:1fr}}.cliente-detalle .cliente-info-card .info-details .detail-group{display:flex;flex-direction:column;gap:1rem}.cliente-detalle .cliente-info-card .info-details .detail-item{align-items:flex-start;display:flex;gap:.5rem}.cliente-detalle .cliente-info-card .info-details .detail-item .detail-icon{color:#7b2d8e;flex-shrink:0;margin-top:2px}.cliente-detalle .cliente-info-card .info-details .detail-item .detail-content{display:flex;flex-direction:column;gap:2px}.cliente-detalle .cliente-info-card .info-details .detail-item .detail-content label{color:#6c757d;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.cliente-detalle .cliente-info-card .info-details .detail-item .detail-content span{color:#343a40;font-size:.875rem}.cliente-detalle .cliente-info-card .info-details .detail-item:not(.detail-content) label{color:#6c757d;flex-shrink:0;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;width:120px}.cliente-detalle .cliente-info-card .info-details .detail-item:not(.detail-content) span{color:#343a40;font-size:.875rem}.cliente-detalle .stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}@media(max-width:1024px){.cliente-detalle .stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cliente-detalle .stats-grid{grid-template-columns:1fr}}.cliente-detalle .stats-grid .stat-card{background:#fff;border-radius:40px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;text-align:center;transition:.25s ease-in-out}.cliente-detalle .stats-grid .stat-card:hover{box-shadow:0 4px 8px #0000001f;transform:translateY(-2px)}.cliente-detalle .stats-grid .stat-card.stat-card--warning{border-left:4px solid #ffc107}.cliente-detalle .stats-grid .stat-card .stat-value{color:#7b2d8e;font-size:2rem;font-weight:700;margin-bottom:.25rem}.cliente-detalle .stats-grid .stat-card .stat-label{color:#6c757d;font-size:.875rem;margin-bottom:.25rem}.cliente-detalle .stats-grid .stat-card .stat-sublabel{color:#6c757d;font-size:.75rem;font-style:italic}.cliente-detalle .stats-grid .stat-card .stat-amount{color:#343a40;font-size:.875rem;font-weight:500}.cliente-detalle .stats-grid .stat-card .stat-change{align-items:center;display:flex;font-size:.75rem;gap:.25rem;justify-content:center;margin-top:.25rem}.cliente-detalle .stats-grid .stat-card .stat-change.positive{color:#28a745}.cliente-detalle .stats-grid .stat-card .stat-change.negative{color:#dc3545}.cliente-detalle .stats-grid .stat-card .credit-progress{background-color:#ebebe7;border-radius:3px;height:6px;margin-top:.5rem;overflow:hidden}.cliente-detalle .stats-grid .stat-card .credit-progress .credit-bar{background:linear-gradient(90deg,#28a745,#ffc107 70%,#dc3545 90%);height:100%;transition:width .3s ease}.cliente-detalle .alerts-section{margin-bottom:1.5rem}.cliente-detalle .alerts-section .alert{align-items:flex-start;border-radius:6px;display:flex;gap:.5rem;margin-bottom:.5rem;padding:1rem}.cliente-detalle .alerts-section .alert:last-child{margin-bottom:0}.cliente-detalle .alerts-section .alert .alert-icon{flex-shrink:0;margin-top:2px}.cliente-detalle .alerts-section .alert .alert-content{font-size:.875rem;line-height:1.4}.cliente-detalle .alerts-section .alert .alert-content strong{font-weight:600}.cliente-detalle .content-tabs{background:#fff;border-radius:40px;box-shadow:0 4px 8px #0000001f;overflow:hidden}.cliente-detalle .content-tabs .tabs-nav{background-color:#ebebe7;border-bottom:1px solid #dee2e6;display:flex}.cliente-detalle .content-tabs .tabs-nav .tab-button{background:none;border:none;color:#6c757d;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:1rem 1.5rem;transition:.25s ease-in-out;white-space:nowrap}.cliente-detalle .content-tabs .tabs-nav .tab-button:hover{background-color:#7b2d8e0d;color:#7b2d8e}.cliente-detalle .content-tabs .tabs-nav .tab-button.active{background-color:#fff;border-bottom:3px solid #7b2d8e;color:#7b2d8e;font-weight:600}@media(max-width:768px){.cliente-detalle .content-tabs .tabs-nav .tab-button{font-size:.75rem;padding:.5rem}}.cliente-detalle .content-tabs .tab-content{padding:2rem}@media(max-width:768px){.cliente-detalle .content-tabs .tab-content{padding:1.5rem}}.cliente-detalle .content-tabs .tab-content .content-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.cliente-detalle .content-tabs .tab-content .content-header h3{color:#343a40;font-size:1.125rem;font-weight:600}.cliente-detalle .content-tabs .tab-content .content-header .creditos-total,.cliente-detalle .content-tabs .tab-content .content-header .total-pendiente{color:#6c757d;font-size:.875rem}.cliente-detalle .content-tabs .tab-content .content-header .creditos-total strong,.cliente-detalle .content-tabs .tab-content .content-header .total-pendiente strong{color:#dc3545;font-weight:700}.cliente-detalle .content-tabs .tab-content .content-header .header-actions{display:flex;gap:.5rem}.cliente-detalle .content-tabs .tab-content .historial-list{display:flex;flex-direction:column;gap:1rem}.cliente-detalle .content-tabs .tab-content .historial-list .historial-item{border:1px solid #dee2e6;border-radius:6px;padding:1.5rem;transition:.25s ease-in-out}.cliente-detalle .content-tabs .tab-content .historial-list .historial-item:hover{border-color:#7b2d8e;box-shadow:0 2px 4px #0000001a}.cliente-detalle .content-tabs .tab-content .historial-list .historial-item .item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.cliente-detalle .content-tabs .tab-content .historial-list .historial-item .item-header .factura-info strong{color:#7b2d8e;font-weight:600}.cliente-detalle .content-tabs .tab-content .historial-list .historial-item .item-header .factura-info .fecha{color:#6c757d;display:block;font-size:.75rem;margin-top:2px}.cliente-detalle .content-tabs .tab-content .historial-list .historial-item .item-header .monto-info{text-align:right}.cliente-detalle .content-tabs .tab-content .historial-list .historial-item .item-header .monto-info .total{color:#343a40;display:block;font-size:1.125rem;font-weight:700}.cliente-detalle .content-tabs .tab-content .historial-list .historial-item .item-header .monto-info .estado{border-radius:3px;font-size:.75rem;font-weight:500;padding:2px 6px;text-transform:uppercase}.cliente-detalle .content-tabs .tab-content .historial-list .historial-item .item-header .monto-info .estado.pagada{background-color:#afecbd;background-color:var(--color-success-light);color:#28a745;color:var(--color-success)}.cliente-detalle .content-tabs .tab-content .historial-list .historial-item .item-header .monto-info .estado.pendiente{background-color:#fff4d3;background-color:var(--color-warning-light);color:#856404}.cliente-detalle .content-tabs .tab-content .historial-list .historial-item .item-products{display:flex;flex-direction:column;gap:.25rem}.cliente-detalle .content-tabs .tab-content .historial-list .historial-item .item-products .product-line{align-items:center;color:#6c757d;display:flex;font-size:.875rem;justify-content:space-between}.cliente-detalle .content-tabs .tab-content .historial-list .historial-item .item-products .product-line .cantidad{font-weight:500;width:40px}.cliente-detalle .content-tabs .tab-content .historial-list .historial-item .item-products .product-line .nombre{flex:1 1}.cliente-detalle .content-tabs .tab-content .historial-list .historial-item .item-products .product-line .precio{color:#343a40;font-weight:500}.cliente-detalle .content-tabs .tab-content .facturas-list{display:flex;flex-direction:column;gap:1rem}.cliente-detalle .content-tabs .tab-content .facturas-list .factura-item{align-items:center;border:1px solid #dee2e6;border-radius:6px;display:flex;justify-content:space-between;padding:1.5rem;transition:.25s ease-in-out}.cliente-detalle .content-tabs .tab-content .facturas-list .factura-item.vencida{background-color:#dc35450d;border-left:4px solid #dc3545}.cliente-detalle .content-tabs .tab-content .facturas-list .factura-item:hover{box-shadow:0 2px 4px #0000001a}.cliente-detalle .content-tabs .tab-content .facturas-list .factura-item .factura-info .factura-numero{color:#7b2d8e;font-weight:600;margin-bottom:.25rem}.cliente-detalle .content-tabs .tab-content .facturas-list .factura-item .factura-info .factura-fechas{color:#6c757d;font-size:.75rem}.cliente-detalle .content-tabs .tab-content .facturas-list .factura-item .factura-info .factura-fechas div{margin-bottom:2px}.cliente-detalle .content-tabs .tab-content .facturas-list .factura-item .factura-estado{text-align:center}.cliente-detalle .content-tabs .tab-content .facturas-list .factura-item .factura-estado .estado-badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase}.cliente-detalle .content-tabs .tab-content .facturas-list .factura-item .factura-estado .estado-badge.vencida{background-color:#fae3e5;background-color:var(--color-danger-light);color:#dc3545;color:var(--color-danger)}.cliente-detalle .content-tabs .tab-content .facturas-list .factura-item .factura-estado .estado-badge.pendiente{background-color:#fff4d3;background-color:var(--color-warning-light);color:#856404}.cliente-detalle .content-tabs .tab-content .facturas-list .factura-item .factura-estado .dias-vencida,.cliente-detalle .content-tabs .tab-content .facturas-list .factura-item .factura-estado .dias-vencimiento{color:#6c757d;display:block;font-size:.75rem;margin-top:2px}.cliente-detalle .content-tabs .tab-content .facturas-list .factura-item .factura-actions{text-align:right}.cliente-detalle .content-tabs .tab-content .facturas-list .factura-item .factura-actions .monto{color:#343a40;display:block;font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.cliente-detalle .content-tabs .tab-content .pagos-list{display:flex;flex-direction:column;gap:1rem}.cliente-detalle .content-tabs .tab-content .pagos-list .pago-item{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;display:flex;justify-content:space-between;padding:1.5rem}.cliente-detalle .content-tabs .tab-content .pagos-list .pago-item .pago-info .pago-fecha{color:#343a40;font-weight:600;margin-bottom:.25rem}.cliente-detalle .content-tabs .tab-content .pagos-list .pago-item .pago-info .pago-factura{color:#6c757d;font-size:.875rem}.cliente-detalle .content-tabs .tab-content .pagos-list .pago-item .pago-metodo{text-align:center}.cliente-detalle .content-tabs .tab-content .pagos-list .pago-item .pago-metodo .metodo{color:#343a40;font-weight:500;text-transform:uppercase}.cliente-detalle .content-tabs .tab-content .pagos-list .pago-item .pago-metodo .referencia{color:#6c757d;font-size:.75rem}.cliente-detalle .content-tabs .tab-content .pagos-list .pago-item .pago-monto{text-align:right}.cliente-detalle .content-tabs .tab-content .pagos-list .pago-item .pago-monto .monto{color:#28a745;display:block;font-size:1.125rem;font-weight:700;margin-bottom:2px}.cliente-detalle .content-tabs .tab-content .pagos-list .pago-item .pago-monto .tipo{color:#6c757d;font-size:.75rem}.cliente-detalle .content-tabs .tab-content .creditos-list{display:flex;flex-direction:column;gap:1rem}.cliente-detalle .content-tabs .tab-content .creditos-list .credito-item{align-items:center;border:1px solid #dee2e6;border-radius:6px;display:flex;justify-content:space-between;padding:1.5rem}.cliente-detalle .content-tabs .tab-content .creditos-list .credito-item.disponible{background-color:#4caf500d;border-left:4px solid #28a745}.cliente-detalle .content-tabs .tab-content .creditos-list .credito-item.aplicado{background-color:#f8f9fa;opacity:.7}.cliente-detalle .content-tabs .tab-content .creditos-list .credito-item .credito-info{flex:1 1}.cliente-detalle .content-tabs .tab-content .creditos-list .credito-item .credito-info .credito-fecha{color:#6c757d;font-size:.75rem;margin-bottom:.25rem}.cliente-detalle .content-tabs .tab-content .creditos-list .credito-item .credito-info .credito-concepto{color:#343a40;font-weight:500;margin-bottom:.25rem}.cliente-detalle .content-tabs .tab-content .creditos-list .credito-item .credito-info .factura-origen{color:#6c757d;font-size:.75rem}.cliente-detalle .content-tabs .tab-content .creditos-list .credito-item .credito-actions{text-align:right}.cliente-detalle .content-tabs .tab-content .creditos-list .credito-item .credito-actions .monto{color:#28a745;display:block;font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.cliente-detalle .content-tabs .tab-content .creditos-list .credito-item .credito-actions .estado.aplicado{color:#6c757d;font-size:.75rem;font-style:italic}.cliente-detalle .notas-section{background:#fff;border-radius:40px;box-shadow:0 4px 8px #0000001f;margin-top:1.5rem;padding:2rem}.cliente-detalle .notas-section .section-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.cliente-detalle .notas-section .section-header h3{color:#343a40;font-size:1.125rem;font-weight:600}.cliente-detalle .notas-section .notas-content p{color:#343a40;font-size:.875rem;line-height:1.6}.cliente-detalle .floating-actions{bottom:30px;display:flex;flex-direction:column;gap:1rem;position:fixed;right:30px}.cliente-detalle .floating-actions .fab{align-items:center;border:none;border-radius:50%;box-shadow:0 8px 16px #00000026;cursor:pointer;display:flex;font-size:1.125rem;height:56px;justify-content:center;transition:.25s ease-in-out;width:56px}.cliente-detalle .floating-actions .fab:hover{box-shadow:0 12px 24px #0000002e;transform:scale(1.1)}.cliente-detalle .floating-actions .fab.fab--primary{background-color:#7b2d8e;color:#fff}.cliente-detalle .floating-actions .fab.fab--secondary{background-color:#4caf50;color:#fff}@media(max-width:768px){.cliente-detalle{padding:1rem}.cliente-detalle .cliente-info-card .info-header,.cliente-detalle .detalle-header{align-items:flex-start;flex-direction:column;gap:1rem}.cliente-detalle .cliente-info-card .info-header .contact-actions{align-self:flex-end}.cliente-detalle .content-tabs .tabs-nav{overflow-x:auto}.cliente-detalle .content-tabs .tabs-nav .tab-button{flex:none;min-width:140px}.cliente-detalle .floating-actions{bottom:20px;right:20px}.cliente-detalle .floating-actions .fab{font-size:1rem;height:48px;width:48px}}.cliente-creditos-page,.cliente-estado-cuenta-page,.cliente-historial-page,.cliente-pagar-page,.cliente-pagos-page{margin:0 auto;max-width:1200px;padding:1.5rem;padding:var(--spacing-lg);padding-bottom:100px}.page-header-simple{align-items:center;border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--border-color);display:flex;gap:1rem;gap:var(--spacing-md);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding-bottom:1rem;padding-bottom:var(--spacing-md)}.page-header-simple .page-title{color:#343a40;color:var(--text-primary);flex:1 1;font-size:1.5rem;font-size:var(--font-size-xxl);font-weight:700;font-weight:var(--font-weight-bold);margin:0}.creditos-summary,.estado-cuenta-summary,.historial-summary,.pagos-summary{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.summary-card{background:linear-gradient(135deg,#7b2d8e,#834594);border-radius:8px;border-radius:var(--border-radius-lg);box-shadow:0 4px 8px #0000001f;box-shadow:var(--shadow-md);color:#fff;padding:1.5rem;padding:var(--spacing-lg);text-align:center}.summary-card.warning{background:linear-gradient(135deg,#9d8022,#d4af37)}.summary-card .summary-label{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.25rem;margin-bottom:var(--spacing-xs);opacity:.9}.summary-card .summary-value{font-size:2rem;font-weight:700;font-weight:var(--font-weight-bold)}.creditos-list{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md)}.credito-card{background:#fff;border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-lg);padding:1.5rem;padding:var(--spacing-lg);transition:.25s ease-in-out;transition:var(--transition)}.credito-card.disponible{border-left:4px solid #4caf50}.credito-card.aplicado{background-color:#f0f0ed;background-color:var(--color-gray-50);opacity:.8}.credito-card:hover{box-shadow:0 4px 8px #0000001f;box-shadow:var(--shadow-md)}.credito-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.credito-header .credito-fecha{color:#6c757d;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm)}.credito-header .credito-status{align-items:center;border-radius:.25rem;border-radius:var(--border-radius-sm);display:flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.credito-header .credito-status.disponible{background-color:#afecbd;background-color:var(--color-success-light);color:#28a745;color:var(--color-success)}.credito-header .credito-status.aplicado{background-color:#dee2e6;background-color:var(--color-gray-200);color:#6c757d;color:var(--text-secondary)}.credito-body{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.credito-body .credito-concepto{color:#343a40;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.credito-body .credito-aplicada,.credito-body .credito-factura{color:#6c757d;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm)}.credito-footer{align-items:center;border-top:1px solid #edeff1;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding-top:1rem;padding-top:var(--spacing-md)}.credito-footer .credito-monto{color:#28a745;color:var(--color-success);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold)}.historial-list{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md)}.historial-card{background:#fff;border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-lg);padding:1.5rem;padding:var(--spacing-lg);transition:.25s ease-in-out;transition:var(--transition)}.historial-card:hover{box-shadow:0 4px 8px #0000001f;box-shadow:var(--shadow-md)}.historial-header{align-items:center;border-bottom:1px solid #edeff1;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md);padding-bottom:1rem;padding-bottom:var(--spacing-md)}.historial-header .factura-info{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.historial-header .factura-info strong{color:#343a40;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg)}.historial-header .factura-info .fecha{color:#6c757d;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm)}.historial-header .monto-info{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.historial-header .monto-info .total{color:#343a40;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold)}.historial-header .monto-info .estado{border-radius:.25rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.historial-header .monto-info .estado.pagada{background-color:#afecbd;background-color:var(--color-success-light);color:#28a745;color:var(--color-success)}.historial-header .monto-info .estado.pendiente{background-color:#fff4d3;background-color:var(--color-warning-light);color:#856404}.historial-body{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.historial-body .producto-line{grid-gap:.5rem;grid-gap:var(--spacing-sm);display:grid;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-sm);grid-template-columns:50px 1fr auto;padding:.25rem 0;padding:var(--spacing-xs) 0}.historial-body .producto-line .cantidad{color:#6c757d;color:var(--text-secondary);font-weight:500;font-weight:var(--font-weight-medium)}.historial-body .producto-line .nombre,.historial-body .producto-line .precio{color:#343a40;color:var(--text-primary)}.historial-body .producto-line .precio{font-weight:500;font-weight:var(--font-weight-medium);text-align:right}.historial-footer{align-items:flex-end;border-top:1px solid #edeff1;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding-top:1rem;padding-top:var(--spacing-md)}.historial-footer .subtotals .subtotal-line{display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:1.5rem;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.historial-footer .subtotals .subtotal-line:last-child{font-weight:500;font-weight:var(--font-weight-medium)}.facturas-list{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md)}.factura-card{background:#fff;border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-lg);padding:1.5rem;padding:var(--spacing-lg);transition:.25s ease-in-out;transition:var(--transition)}.factura-card.vencida{background-color:#dc354505;border-left:4px solid #dc3545;border-left:4px solid var(--color-danger)}.factura-card:hover{box-shadow:0 4px 8px #0000001f;box-shadow:var(--shadow-md)}.factura-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.factura-header .factura-numero{color:#343a40;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-weight-bold)}.factura-header .badge-vencida{align-items:center;background-color:#fae3e5;background-color:var(--color-danger-light);border-radius:.25rem;border-radius:var(--border-radius-sm);color:#dc3545;color:var(--color-danger);display:flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.factura-body{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.factura-body .factura-fechas{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.factura-body .factura-fechas .fecha-item .label{color:#6c757d;color:var(--text-secondary);display:block;font-size:.75rem;font-size:var(--font-size-xs);margin-bottom:2px}.factura-body .factura-fechas .fecha-item span:last-child{color:#343a40;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm)}.factura-body .dias-info{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.factura-body .dias-info.vencida{color:#dc3545;color:var(--color-danger)}.factura-body .dias-info.pendiente{color:#ffc107;color:var(--color-warning)}.factura-footer{align-items:center;border-top:1px solid #edeff1;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding-top:1rem;padding-top:var(--spacing-md)}.factura-footer .factura-total .label{color:#6c757d;color:var(--text-secondary);display:block;font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.factura-footer .factura-total .monto{color:#343a40;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold)}.pagos-list{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md)}.pago-card{background:#fff;border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-lg);padding:1.5rem;padding:var(--spacing-lg);transition:.25s ease-in-out;transition:var(--transition)}.pago-card:hover{box-shadow:0 4px 8px #0000001f;box-shadow:var(--shadow-md)}.pago-header{align-items:center;border-bottom:1px solid #edeff1;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md);padding-bottom:1rem;padding-bottom:var(--spacing-md)}.pago-header .pago-fecha{align-items:center;color:#343a40;color:var(--text-primary);display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--spacing-sm)}.pago-header .pago-fecha .check-icon{color:#28a745;color:var(--color-success);font-size:1.125rem;font-size:var(--font-size-lg)}.pago-header .pago-tipo{border-radius:.25rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.pago-header .pago-tipo.pago_completo{background-color:#afecbd;background-color:var(--color-success-light);color:#28a745;color:var(--color-success)}.pago-header .pago-tipo.pago_parcial{background-color:#a7e9f4;background-color:var(--color-info-light);color:#17a2b8;color:var(--color-info)}.pago-body{grid-gap:.5rem;grid-gap:var(--spacing-sm);display:grid;gap:.5rem;gap:var(--spacing-sm);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.pago-body .pago-factura,.pago-body .pago-metodo,.pago-body .pago-referencia{display:flex;font-size:.875rem;font-size:var(--font-size-sm);justify-content:space-between}.pago-body .pago-factura .label,.pago-body .pago-metodo .label,.pago-body .pago-referencia .label{color:#6c757d;color:var(--text-secondary)}.pago-body .pago-factura .value,.pago-body .pago-metodo .value,.pago-body .pago-referencia .value{color:#343a40;color:var(--text-primary);font-weight:500;font-weight:var(--font-weight-medium)}.pago-footer{border-top:1px solid #edeff1;border-top:1px solid var(--border-light);padding-top:1rem;padding-top:var(--spacing-md)}.pago-footer .pago-monto{align-items:center;display:flex;justify-content:space-between}.pago-footer .pago-monto .label{color:#6c757d;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm)}.pago-footer .pago-monto .monto{color:#28a745;color:var(--color-success);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold)}.facturas-section,.pago-form-section{background:#fff;border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-lg);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:2rem;padding:var(--spacing-xl)}.section-title{color:#343a40;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.facturas-seleccion{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md)}.factura-seleccion-item{align-items:center;border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:6px;border-radius:var(--border-radius);cursor:pointer;display:flex;gap:1rem;gap:var(--spacing-md);padding:1rem;padding:var(--spacing-md);transition:.25s ease-in-out;transition:var(--transition)}.factura-seleccion-item:hover{background-color:#4a90e205;border-color:#7b2d8e;border-color:var(--color-primary)}.factura-seleccion-item.selected{background-color:#4a90e20d;border-color:#7b2d8e;border-color:var(--color-primary)}.factura-seleccion-item .checkbox-wrapper input[type=checkbox]{accent-color:#7b2d8e;accent-color:var(--color-primary);cursor:pointer;height:20px;width:20px}.factura-seleccion-item .factura-info{flex:1 1}.factura-seleccion-item .factura-info .factura-numero{color:#343a40;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:2px}.factura-seleccion-item .factura-info .factura-fecha{color:#6c757d;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm)}.factura-seleccion-item .factura-monto{color:#343a40;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-weight-bold)}.factura-seleccion-item .check-icon{color:#7b2d8e;color:var(--color-primary);font-size:1.25rem;font-size:var(--font-size-xl)}.pago-resumen{background:linear-gradient(135deg,#7b2d8e,#834594);border-radius:8px;border-radius:var(--border-radius-lg);color:#fff;margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:2rem;padding:var(--spacing-xl)}.pago-resumen .resumen-item{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0;padding:var(--spacing-sm) 0}.pago-resumen .resumen-item.total{border-top:2px solid #ffffff4d;font-size:1.125rem;font-size:var(--font-size-lg);margin-top:.5rem;margin-top:var(--spacing-sm);padding-top:1rem;padding-top:var(--spacing-md)}.pago-resumen .resumen-item .total-monto{font-size:2rem}@media(max-width:768px){.cliente-creditos-page,.cliente-estado-cuenta-page,.cliente-historial-page,.cliente-pagar-page,.cliente-pagos-page{padding:1rem;padding:var(--spacing-md);padding-bottom:90px}.page-header-simple{align-items:flex-start;flex-direction:column}.page-header-simple .page-title{margin-bottom:.5rem;margin-bottom:var(--spacing-sm);order:-1}.summary-card .summary-value{font-size:1.5rem}.factura-footer,.historial-header,.pago-footer{align-items:flex-start;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.factura-body .factura-fechas{grid-template-columns:1fr}.factura-seleccion-item{flex-wrap:wrap}.factura-seleccion-item .factura-monto{margin-top:.5rem;margin-top:var(--spacing-sm);text-align:right;width:100%}}.clientes-page .productos-page .out-of-stock.client-card,.productos-page .clientes-page .out-of-stock.client-card,.productos-page .content-card.out-of-stock{opacity:.7}.clientes-page .productos-page .out-of-stock.client-card .content-thumbnail:after,.productos-page .clientes-page .out-of-stock.client-card .content-thumbnail:after,.productos-page .content-card.out-of-stock .content-thumbnail:after{background:#dc3545e6;border-radius:4px;color:#fff;content:"AGOTADO";font-size:10px;font-weight:700;left:50%;padding:4px 8px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.clientes-page .productos-page .low-stock.client-card,.productos-page .clientes-page .low-stock.client-card,.productos-page .content-card.low-stock{border-left:3px solid #ffc107}.clientes-page .productos-page .featured.client-card,.productos-page .clientes-page .featured.client-card,.productos-page .content-card.featured{border:2px solid #28a745}.clientes-page .productos-page .featured.client-card .content-thumbnail:before,.productos-page .clientes-page .featured.client-card .content-thumbnail:before,.productos-page .content-card.featured .content-thumbnail:before{background:#28a745;border-radius:3px;color:#fff;content:"DESTACADO";font-size:8px;font-weight:700;left:8px;padding:2px 6px;position:absolute;top:8px;z-index:10}.productos-filters{margin-bottom:1.5rem}.production-table{border-collapse:collapse;font-size:.9em;width:100%}.production-table thead{background-color:#7b2d8e;color:#fff}.production-table thead th{border:1px solid #6a2679;font-weight:600;padding:12px 8px}.production-table thead th[rowspan="2"]{vertical-align:middle}.production-table thead tr:first-child th[colspan]{background-color:#6a2679;font-size:1.05em;padding:10px 8px}.production-table tbody tr:nth-child(odd){background-color:#f9f9f9}.production-table tbody tr:hover:not(.total-row){background-color:#f0e6f3}.production-table tbody tr.total-row{background-color:#d4af37;border-top:2px solid #7b2d8e;color:#333;font-weight:700}.production-table tbody tr.total-row td{font-size:1.05em;padding:12px 8px}.production-table tbody td{border:1px solid #ddd;padding:10px 8px}.production-table tbody td:first-child{color:#333;font-weight:500}.ingredients-table-wrapper{border-radius:4px;box-shadow:0 2px 4px #0000001a;margin-top:16px;overflow-x:auto}.producto-form-page{max-width:none;min-height:100vh;padding:0}.producto-form{background-color:#fff;background-color:var(--bg-card);border-radius:40px;border-radius:var(--border-radius-xl);margin:1.5rem;margin:var(--spacing-lg);padding:3rem;padding:var(--spacing-xxl)}.form-columns{grid-gap:3rem;grid-gap:var(--spacing-xxl);display:grid;gap:3rem;gap:var(--spacing-xxl);grid-template-columns:1fr 1fr}@media(max-width:991px){.form-columns{gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:1fr}}.form-column{display:flex;flex-direction:column;gap:2rem;gap:var(--spacing-xl)}.form-grid-2{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr 1fr}@media(max-width:767px){.form-grid-2{grid-template-columns:1fr}}.form-grid-3{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}@media(max-width:991px){.form-grid-3{grid-template-columns:1fr 1fr}}@media(max-width:767px){.form-grid-3{grid-template-columns:1fr}}.section-header{align-items:center;gap:.5rem;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.section-header .section-icon{color:#7b2d8e;color:var(--color-primary);font-size:1.125rem;font-size:var(--font-size-lg)}.section-header .section-title{color:#343a40;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.product-image-upload .preview-image{align-items:center;background:#f0f0ed;background:var(--color-gray-50);border:2px dashed #dee2e6;border:2px dashed var(--border-color);border-radius:6px;border-radius:var(--border-radius);display:flex;height:120px;justify-content:center;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);overflow:hidden;position:relative;width:120px}.product-image-upload .preview-image img{border-radius:4px;border-radius:calc(var(--border-radius) - 2px);height:100%;object-fit:cover;width:100%}.product-image-upload .preview-image .placeholder-icon{color:#868e96;color:var(--text-muted);font-size:32px;opacity:.5}.product-image-upload .file-input{background-color:#fff;background-color:var(--bg-card);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--border-radius);font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem;padding:var(--spacing-xs);width:100%}.product-image-upload .file-input:focus{border-color:#7b2d8e;border-color:var(--color-primary);box-shadow:0 0 0 3px #4a90e21a;outline:none}.product-image-upload .file-help{color:#868e96;color:var(--text-muted);font-size:.75rem;font-size:var(--font-size-xs);margin-top:.25rem;margin-top:var(--spacing-xs)}.precio-tiers{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.precio-tiers .tier-item{background-color:#f0f0ed;background-color:var(--color-gray-50);border:1px solid #edeff1;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--border-radius);padding:1rem;padding:var(--spacing-md);position:relative}.precio-tiers .tier-item .tier-content{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.precio-tiers .tier-item .tier-content .tier-name{background-color:#fff;background-color:var(--bg-card);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:.25rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);width:100%}.precio-tiers .tier-item .tier-content .tier-name:focus{border-color:#7b2d8e;border-color:var(--color-primary);outline:none}.precio-tiers .tier-item .tier-content .tier-name-display{align-items:center;background-color:#ebebe7;background-color:var(--color-gray-100);border-radius:.25rem;border-radius:var(--border-radius-sm);color:#343a40;color:var(--text-primary);display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);width:100%}.precio-tiers .tier-item .tier-content .tier-price{align-items:center;background-color:#fff;background-color:var(--bg-card);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:.25rem;border-radius:var(--border-radius-sm);display:flex;overflow:hidden}.precio-tiers .tier-item .tier-content .tier-price .currency{background-color:#ebebe7;background-color:var(--color-gray-100);border-right:1px solid #dee2e6;border-right:1px solid var(--border-color);color:#6c757d;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.precio-tiers .tier-item .tier-content .tier-price .tier-input{border:none;flex:1 1;font-size:.875rem;font-size:var(--font-size-sm);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.precio-tiers .tier-item .tier-content .tier-price .tier-input:focus{outline:none}.precio-tiers .tier-item .tier-content .tier-price:focus-within{border-color:#7b2d8e;border-color:var(--color-primary);box-shadow:0 0 0 3px #4a90e21a}.precio-tiers .tier-item .remove-tier{align-items:center;background:#dc3545;background:var(--color-danger);border:none;border-radius:50%;color:#fff;color:var(--text-light);cursor:pointer;display:flex;font-size:.75rem;font-size:var(--font-size-xs);height:24px;justify-content:center;position:absolute;right:.25rem;right:var(--spacing-xs);top:.25rem;top:var(--spacing-xs);transition:background-color .25s ease-in-out;transition:background-color var(--transition);width:24px}.precio-tiers .tier-item .remove-tier:hover{background:#c82333}.precio-tiers .add-tier{align-items:center;background:none;border:2px dashed #dee2e6;border:2px dashed var(--border-color);border-radius:6px;border-radius:var(--border-radius);color:#868e96;color:var(--text-muted);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--spacing-xs);justify-content:center;padding:1rem;padding:var(--spacing-md);transition:all .25s ease-in-out;transition:all var(--transition)}.precio-tiers .add-tier:hover{background:#4a90e20d;border-color:#7b2d8e;border-color:var(--color-primary);color:#7b2d8e;color:var(--color-primary)}.input-group{align-items:stretch;background-color:#fff;background-color:var(--bg-card);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--border-radius);display:flex;overflow:hidden;transition:.25s ease-in-out;transition:var(--transition)}.input-group:focus-within{border-color:#7b2d8e;border-color:var(--color-primary);box-shadow:0 0 0 3px #4a90e21a}.input-group .input-prefix{align-items:center;background-color:#ebebe7;background-color:var(--color-gray-100);border-right:1px solid #dee2e6;border-right:1px solid var(--border-color);color:#6c757d;color:var(--text-secondary);display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.input-group .form-input{border:none;border-radius:0}.input-group .form-input:focus{box-shadow:none}.input-group .btn{border:none;border-left:1px solid #dee2e6;border-left:1px solid var(--border-color);border-radius:0}.form-radio-group{align-items:center;cursor:pointer;display:flex;gap:.5rem;gap:var(--spacing-sm);-webkit-user-select:none;user-select:none}.form-radio-group input[type=checkbox],.form-radio-group input[type=radio]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}@media(max-width:767px){.form-radio-group{flex-direction:row;gap:.5rem;gap:var(--spacing-sm)}}.form-radio{align-items:center;color:#343a40;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.25rem;gap:var(--spacing-xs)}.form-radio input[type=radio]{display:none}.form-radio .radio-custom{border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;height:18px;position:relative;transition:all .25s ease-in-out;transition:all var(--transition);width:18px}.form-radio .radio-custom:after{background-color:#7b2d8e;background-color:var(--color-primary);border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .25s ease-in-out;transition:transform var(--transition);width:8px}.form-radio input[type=radio]:checked+.radio-custom{border-color:#7b2d8e;border-color:var(--color-primary)}.form-radio input[type=radio]:checked+.radio-custom:after{transform:translate(-50%,-50%) scale(1)}.form-radio:hover .radio-custom{border-color:#7b2d8e;border-color:var(--color-primary)}.checkbox-custom{background-color:#fff;background-color:var(--bg-card);border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:.25rem;border-radius:var(--border-radius-sm);flex-shrink:0;height:18px;position:relative;transition:all .25s ease-in-out;transition:all var(--transition);width:18px}.checkbox-custom:after{color:#fff;color:var(--text-light);content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .25s ease-in-out;transition:transform var(--transition)}input[type=checkbox]:checked+.checkbox-custom{background:#7b2d8e;background:var(--color-primary);border-color:#7b2d8e;border-color:var(--color-primary)}input[type=checkbox]:checked+.checkbox-custom:after{transform:translate(-50%,-50%) scale(1)}.form-radio-group input[type=checkbox]:hover+.checkbox-custom{border-color:#7b2d8e;border-color:var(--color-primary)}.loading-spinner-single{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;display:inline-block}.producto-form .form-section.betel{border-left:4px solid #1a73e8}.producto-form .form-section.naturalandlab{border-left:4px solid #34a853}.producto-form .form-section.otras-marcas{border-left:4px solid #9c27b0}.producto-form .form-section.ingredientes{border-left:4px solid #ff9800}.producto-form .form-section.material-empaque{border-left:4px solid #9e9e9e}.alert.alert--info{background:#17a2b81a;border:1px solid #17a2b833;border-radius:6px;border-radius:var(--border-radius);color:#0c5460}.alert.alert--info .alert__content strong{color:#17a2b8}.error-list{margin:.25rem 0 0 1rem;margin:var(--spacing-xs) 0 0 var(--spacing-md)}.error-list li{font-size:.75rem;font-size:var(--font-size-xs);margin-bottom:.125rem;margin-bottom:calc(var(--spacing-xs)/2)}.error-list li:last-child{margin-bottom:0}@media(max-width:768px){.product-image-upload .preview-image{height:100px;margin:0 auto .5rem;margin:0 auto var(--spacing-sm);width:100px}.precio-tiers .tier-item .tier-content .tier-price{flex-direction:column}.precio-tiers .tier-item .tier-content .tier-price .currency{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);border-right:none;text-align:center}.input-group{flex-direction:column}.input-group .input-prefix{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);border-right:none;text-align:center}.input-group .btn{border-left:none;border-top:1px solid #dee2e6;border-top:1px solid var(--border-color)}}.producto-form{max-height:90vh;overflow-y:auto}@media(max-width:768px){.producto-form{max-height:none;overflow-y:visible}}.login-page{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:2rem 0;position:relative}.login-page .login-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.login-page .login-background:before{background-image:radial-gradient(circle at 2px 2px,#6633990d 1px,#0000 0);background-size:40px 40px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.login-page .login-background .bg-shape{background:#66339914;border-radius:50%;position:absolute}.login-page .login-background .bg-shape-1{background:linear-gradient(135deg,#8dc63f1a,#6633991a);height:400px;right:-200px;top:-200px;width:400px}.login-page .login-background .bg-shape-2{background:linear-gradient(135deg,#00aeef1a,#8dc63f1a);bottom:-150px;height:300px;left:-150px;width:300px}.login-page .login-background .bg-shape-3{background:#6633990d;height:200px;right:20%;top:30%;width:200px}.login-page .login-container{display:flex;justify-content:center;max-width:1200px;padding:2rem;padding:var(--spacing-xl);position:relative;width:100%;z-index:1}.login-page .login-container .login-card{max-width:1100px;padding:3rem;width:100%}.login-page .login-container .login-card .login-header{margin-bottom:3rem;text-align:center}.login-page .login-container .login-card .login-header .logo-container{display:flex;justify-content:center;margin-bottom:2rem}.login-page .login-container .login-card .login-header .logo-container .main-logo{height:60px;max-width:180px;width:auto}.login-page .login-container .login-card .login-header .login-description .login-title{color:#1a1a1a;font-size:1.75rem;font-weight:600;letter-spacing:-.02em;line-height:1.3;margin-bottom:1rem}.login-page .login-container .login-card .login-header .login-description .login-subtitle{color:#6c757d;font-size:.95rem;line-height:1.6;margin:0 auto;max-width:600px}.login-page .login-container .login-card .login-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}@media(max-width:991px){.login-page .login-container .login-card .login-content{gap:2rem;grid-template-columns:1fr}}.login-page .login-container .login-card .login-content .login-form-column .login-form .error-alert{background-color:#fff5f5;border:1px solid #fed7d7;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.login-page .login-container .login-card .login-content .login-form-column .login-form .error-alert .error-message{align-items:center;color:#e53e3e;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.login-page .login-container .login-card .login-content .login-form-column .login-form .form-group{margin-bottom:1.5rem}.login-page .login-container .login-card .login-content .login-form-column .login-form .form-group .form-label{color:#2d3748;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.login-page .login-container .login-card .login-content .login-form-column .login-form .input-wrapper{position:relative}.login-page .login-container .login-card .login-content .login-form-column .login-form .input-wrapper .input-icon{color:#a0aec0;font-size:1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.login-page .login-container .login-card .login-content .login-form-column .login-form .input-wrapper .form-input{background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:1rem 1rem 1rem 2.75rem;transition:all .2s ease;width:100%}.login-page .login-container .login-card .login-content .login-form-column .login-form .input-wrapper .form-input:focus{border-color:#7b2d8e;border-color:var(--color-primary);box-shadow:0 0 0 3px #6633991a;outline:none}.login-page .login-container .login-card .login-content .login-form-column .login-form .input-wrapper .form-input:focus+.input-icon{color:#7b2d8e;color:var(--color-primary)}.login-page .login-container .login-card .login-content .login-form-column .login-form .input-wrapper .form-input::placeholder{color:#a0aec0}.login-page .login-container .login-card .login-content .login-form-column .login-form .input-wrapper .password-toggle{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:1rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .2s ease;z-index:2}.login-page .login-container .login-card .login-content .login-form-column .login-form .input-wrapper .password-toggle:hover{color:#2d3748}.login-page .login-container .login-card .login-content .login-form-column .login-form .login-button{align-items:center;background:linear-gradient(135deg,#639,#5a2d91);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:2rem;min-height:48px;padding:1rem;transition:all .2s ease;width:100%}.login-page .login-container .login-card .login-content .login-form-column .login-form .login-button:hover:not(:disabled){background:linear-gradient(135deg,#5a2d91,#4a2472);box-shadow:0 4px 12px #6633994d;transform:translateY(-1px)}.login-page .login-container .login-card .login-content .login-form-column .login-form .login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-page .login-container .login-card .login-content .login-form-column .login-footer{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:1.5rem}.login-page .login-container .login-card .login-content .login-form-column .login-footer .security-info{display:flex;justify-content:center;margin-bottom:1.5rem}.login-page .login-container .login-card .login-content .login-form-column .login-footer .security-info .security-item{align-items:center;color:#68d391;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.login-page .login-container .login-card .login-content .login-form-column .login-footer .security-info .security-item .security-icon{font-size:1rem}.login-page .login-container .login-card .login-content .login-form-column .login-footer .demo-info{text-align:center}.login-page .login-container .login-card .login-content .login-form-column .login-footer .demo-info p{color:#718096;font-size:.875rem;margin-bottom:.75rem}.login-page .login-container .login-card .login-content .login-form-column .login-footer .demo-info .demo-credentials{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;padding:1rem}.login-page .login-container .login-card .login-content .login-form-column .login-footer .demo-info .demo-credentials div{color:#2d3748;font-size:.875rem;margin-bottom:.5rem}.login-page .login-container .login-card .login-content .login-form-column .login-footer .demo-info .demo-credentials div:last-child{margin-bottom:0}.login-page .login-container .login-card .login-content .login-form-column .login-footer .demo-info .demo-credentials div code{background-color:#639;border-radius:4px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.login-page .login-container .login-card .login-content .login-info-column{border-left:1px solid #e2e8f0;padding-left:2rem}@media(max-width:991px){.login-page .login-container .login-card .login-content .login-info-column{border-left:none;border-top:1px solid #e2e8f0;padding-left:0;padding-top:2rem}}.login-page .login-container .login-card .login-content .login-info-column .info-section{margin-bottom:2rem}.login-page .login-container .login-card .login-content .login-info-column .info-section h3{color:#1a1a1a;font-size:1.375rem;font-weight:700;margin-bottom:1.5rem}.login-page .login-container .login-card .login-content .login-info-column .info-section .feature-list .feature-item{align-items:flex-start;background:#66339905;border:1px solid #66339914;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;transition:all .2s ease}.login-page .login-container .login-card .login-content .login-info-column .info-section .feature-list .feature-item:hover{background:#6633990d;border-color:#66339926;transform:translateY(-1px)}.login-page .login-container .login-card .login-content .login-info-column .info-section .feature-list .feature-item:last-child{margin-bottom:0}.login-page .login-container .login-card .login-content .login-info-column .info-section .feature-list .feature-item .feature-icon{flex-shrink:0;font-size:1.5rem;margin-top:.125rem}.login-page .login-container .login-card .login-content .login-info-column .info-section .feature-list .feature-item .feature-text h4{color:#1a1a1a;font-size:1rem;font-weight:600;margin-bottom:.25rem}.login-page .login-container .login-card .login-content .login-info-column .info-section .feature-list .feature-item .feature-text p{color:#718096;font-size:.875rem;line-height:1.5;margin:0}.login-page .login-container .login-card .login-content .login-info-column .version-info{border-top:1px solid #6633991a;padding-top:1.5rem}.login-page .login-container .login-card .login-content .login-info-column .version-info .version{color:#639;font-size:1rem;font-weight:600;margin-bottom:.25rem}.login-page .login-container .login-card .login-content .login-info-column .version-info .developer{color:#718096;font-size:.875rem}@media(max-width:640px){.login-page .login-container{padding:1rem}.login-page .login-container .login-card{padding:2rem 1.5rem}.login-page .login-container .login-card .login-header{margin-bottom:2rem}.login-page .login-container .login-card .login-header .login-description .login-title{font-size:1.5rem}.login-page .login-container .login-card .login-header .login-description .login-subtitle{font-size:.875rem}.login-page .login-container .login-card .login-content{gap:1.5rem}.login-page .login-container .login-card .login-content .login-info-column .info-section .feature-list .feature-item{flex-direction:column;gap:.75rem;text-align:center}}@media(max-height:700px){.login-page .login-container{padding:1rem}.login-page .login-container .login-card{padding:1.5rem}.login-page .login-container .login-card .login-header{margin-bottom:1.5rem}.login-page .login-container .login-card .login-header .logo-container{margin-bottom:1rem}.login-page .login-container .login-card .login-header .logo-container .main-logo{height:45px}.login-page .login-container .login-card .login-header .login-description .login-title{font-size:1.25rem;margin-bottom:.5rem}.login-page .login-container .login-card .login-header .login-description .login-subtitle{font-size:.85rem}.login-page .login-container .login-card .login-content{gap:1.5rem}.login-page .login-container .login-card .login-content .login-form-column .login-form .form-group{margin-bottom:1rem}.login-page .login-container .login-card .login-content .login-form-column .login-form .login-button{margin-top:1rem}.login-page .login-container .login-card .login-content .login-form-column .login-footer{margin-top:1rem;padding-top:1rem}.login-page .login-container .login-card .login-content .login-info-column .info-section{margin-bottom:1rem}.login-page .login-container .login-card .login-content .login-info-column .info-section h3{font-size:1.125rem;margin-bottom:1rem}.login-page .login-container .login-card .login-content .login-info-column .info-section .feature-list .feature-item{margin-bottom:1rem;padding:.75rem}}@media(max-height:550px){.login-page .login-container .login-card .login-header{margin-bottom:1rem}.login-page .login-container .login-card .login-content .login-info-column,.login-page .login-container .login-card .login-header .login-description .login-subtitle{display:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-page .login-card{animation:fadeInUp .6s ease-out}.admin-page .page-header{background:linear-gradient(135deg,#7b2d8e,#834594);color:#fff;margin:-var(--spacing-lg) -var(--spacing-lg) var(--spacing-xl) -var(--spacing-lg);overflow:hidden;padding:3rem;padding:var(--spacing-xxl);position:relative}.admin-page .page-header:before{background:#ffffff1a;border-radius:50%;content:"";height:200px;position:absolute;right:0;top:0;transform:translate(50px,-50px);width:200px}.admin-page .page-header:after{background:#ffffff0d;border-radius:50%;bottom:0;content:"";height:150px;left:0;position:absolute;transform:translate(-50px,50px);width:150px}.admin-page .page-header .header-content{position:relative;z-index:2}.admin-page .page-header .header-content .page-title{font-size:2.5rem;font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.5rem;margin-bottom:var(--spacing-sm);text-shadow:0 2px 4px #0000004d}.admin-page .page-header .header-content .page-description{font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:0;opacity:.9}.admin-page .admin-modules{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem;margin-bottom:var(--spacing-xxl)}.admin-page .module-card{background:#fff;background:var(--bg-card);border:1px solid #edeff1;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--border-radius-lg);overflow:hidden;padding:2rem;padding:var(--spacing-xl);position:relative;text-align:center;transition:.25s ease-in-out;transition:var(--transition)}.admin-page .module-card:hover{border-color:#7b2d8e;border-color:var(--color-primary);box-shadow:0 8px 16px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.admin-page .module-card:before{background:linear-gradient(90deg,#7b2d8e,#4caf50);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));content:"";height:4px;left:0;position:absolute;right:0;top:0}.admin-page .module-card .module-icon{color:#7b2d8e;color:var(--color-primary);font-size:3rem;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.admin-page .module-card .module-title{color:#343a40;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.admin-page .module-card .module-description{color:#6c757d;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.admin-page .module-card .module-actions{display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:center}.admin-page .module-card.module-disabled{opacity:.6;position:relative}.admin-page .module-card.module-disabled .access-denied-overlay{align-items:center;background:#fffc;border-radius:8px;border-radius:var(--border-radius-lg);bottom:0;color:#868e96;color:var(--text-muted);display:flex;flex-direction:column;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);justify-content:center;left:0;position:absolute;right:0;top:0}.admin-page .module-card.module-disabled .access-denied-overlay i{color:#dc3545;color:var(--color-danger);font-size:1.25rem;font-size:var(--font-size-xl);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.admin-page .module-card .module-stats{border-bottom:1px solid #edeff1;border-bottom:1px solid var(--border-light);border-top:1px solid #edeff1;border-top:1px solid var(--border-light);display:flex;justify-content:space-around;margin:1rem 0;margin:var(--spacing-md) 0;padding:1rem 0;padding:var(--spacing-md) 0}.admin-page .module-card .module-stats .stat-item{text-align:center}.admin-page .module-card .module-stats .stat-item .stat-value{color:#343a40;color:var(--text-primary);display:block;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.admin-page .module-card .module-stats .stat-item .stat-label{color:#6c757d;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}.admin-page .recent-activity-section{margin-top:3rem;margin-top:var(--spacing-xxl)}.admin-page .recent-activity-section .section-header{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.admin-page .recent-activity-section .section-header .section-title{align-items:center;color:#343a40;color:var(--text-primary);display:flex;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--spacing-sm)}.admin-page .recent-activity-section .section-header .section-title i{color:#17a2b8;color:var(--color-info)}.admin-page .recent-activity-section .activity-list{background:#fff;background:var(--bg-card);border:1px solid #edeff1;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--border-radius-lg);overflow:hidden}.admin-page .recent-activity-section .activity-list .activity-item{align-items:flex-start;border-bottom:1px solid #edeff1;border-bottom:1px solid var(--border-light);display:flex;gap:1rem;gap:var(--spacing-md);padding:1.5rem;padding:var(--spacing-lg);transition:.25s ease-in-out;transition:var(--transition)}.admin-page .recent-activity-section .activity-list .activity-item:last-child{border-bottom:none}.admin-page .recent-activity-section .activity-list .activity-item:hover{background:#f0f0ed;background:var(--color-gray-50)}.admin-page .recent-activity-section .activity-list .activity-item .activity-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-size:var(--font-size-sm);height:40px;justify-content:center;width:40px}.admin-page .recent-activity-section .activity-list .activity-item .activity-icon.activity-user{background:#7b2d8e;background:var(--color-primary)}.admin-page .recent-activity-section .activity-list .activity-item .activity-icon.activity-role{background:#4caf50;background:var(--color-secondary)}.admin-page .recent-activity-section .activity-list .activity-item .activity-icon.activity-permission{background:#ffc107;background:var(--color-warning)}.admin-page .recent-activity-section .activity-list .activity-item .activity-content{flex:1 1}.admin-page .recent-activity-section .activity-list .activity-item .activity-content .activity-description{color:#343a40;color:var(--text-primary);line-height:1.4;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.admin-page .recent-activity-section .activity-list .activity-item .activity-content .activity-description strong{color:#343a40;color:var(--text-primary);font-weight:600;font-weight:var(--font-weight-semibold)}.admin-page .recent-activity-section .activity-list .activity-item .activity-content .activity-time{color:#868e96;color:var(--text-muted);font-size:.75rem;font-size:var(--font-size-xs)}.users-page .page-header{align-items:flex-start;border-bottom:2px solid #ebebe7;border-bottom:2px solid var(--color-gray-100);display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding-bottom:1.5rem;padding-bottom:var(--spacing-lg)}.users-page .page-header .header-content .page-title{color:#343a40;color:var(--text-primary);font-size:1.5rem;font-size:var(--font-size-xxl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.users-page .page-header .header-content .page-description{color:#6c757d;color:var(--text-secondary);font-size:1.125rem;font-size:var(--font-size-lg)}@media(max-width:767px){.users-page .page-header{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--spacing-md)}}.users-page .stats-container{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.users-page .stats-container .stats-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.users-page .filters-section{background:#fff;background:var(--bg-card);border:1px solid #edeff1;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--border-radius-lg);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-lg)}.users-page .filters-section .filters-row{grid-gap:1rem;grid-gap:var(--spacing-md);align-items:end;display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:2fr 1fr 1fr auto}@media(max-width:991px){.users-page .filters-section .filters-row{grid-template-columns:1fr 1fr}}@media(max-width:767px){.users-page .filters-section .filters-row{grid-template-columns:1fr}}.users-page .filters-section .filters-row .search-field{position:relative}.users-page .filters-section .filters-row .search-field i{color:#868e96;color:var(--text-muted);left:1rem;left:var(--spacing-md);position:absolute;top:50%;transform:translateY(-50%);z-index:2}.users-page .filters-section .filters-row .search-field input{padding-left:2.5rem}.users-page .table-container{background:#fff;background:var(--bg-card);border:1px solid #edeff1;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--border-radius-lg);overflow:hidden}.users-page .table-container .table-wrapper{overflow-x:auto}.users-page .table-container .table{border-collapse:collapse;font-size:.875rem;font-size:var(--font-size-sm);width:100%}.users-page .table-container .table th{background:#f0f0ed;background:var(--color-gray-50);border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--border-color);color:#343a40;color:var(--text-primary);font-weight:600;font-weight:var(--font-weight-semibold);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);text-align:left;white-space:nowrap}.users-page .table-container .table th.sortable{cursor:pointer;transition:.25s ease-in-out;transition:var(--transition);-webkit-user-select:none;user-select:none}.users-page .table-container .table th.sortable:hover{background:#ebebe7;background:var(--color-gray-100)}.users-page .table-container .table th.sortable i{margin-left:.25rem;margin-left:var(--spacing-xs);opacity:.5}.users-page .table-container .table th.sortable.asc,.users-page .table-container .table th.sortable.desc{background:#9d39b5;background:var(--color-primary-light);color:#fff}.users-page .table-container .table th.sortable.asc i,.users-page .table-container .table th.sortable.desc i{opacity:1}.users-page .table-container .table th.sortable.desc i{transform:rotate(180deg)}.users-page .table-container .table td{border-bottom:1px solid #edeff1;border-bottom:1px solid var(--border-light);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);vertical-align:middle}.users-page .table-container .table tr{transition:.25s ease-in-out;transition:var(--transition)}.users-page .table-container .table tr:hover{background:#f0f0ed;background:var(--color-gray-50)}.users-page .table-container .user-info{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md)}.users-page .table-container .user-info .user-avatar{align-items:center;background:#7b2d8e;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);height:40px;justify-content:center;width:40px}.users-page .table-container .user-info .user-details .user-name{color:#343a40;color:var(--text-primary);display:block;font-weight:500;font-weight:var(--font-weight-medium)}.users-page .table-container .user-info .user-details .user-id{color:#868e96;color:var(--text-muted);font-size:.75rem;font-size:var(--font-size-xs)}.users-page .table-container .role-badge{align-items:center;border-radius:.25rem;border-radius:var(--border-radius-sm);color:#fff;display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.users-page .table-container .role-badge.role-admin{background-color:#dc3545}.users-page .table-container .role-badge.role-vendedor{background-color:#28a745}.users-page .table-container .role-badge.role-supervisor{background-color:#ffc107;color:#212529}.users-page .table-container .role-badge.role-default{background-color:#545b62;background-color:var(--color-gray-500)}.users-page .table-container .status-badge{align-items:center;display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--spacing-xs)}.users-page .table-container .status-badge.active{color:#28a745;color:var(--color-success)}.users-page .table-container .status-badge.inactive{color:#dc3545;color:var(--color-danger)}.users-page .table-container .action-buttons{display:flex;gap:.25rem;gap:var(--spacing-xs);justify-content:flex-end}.users-page .table-container .action-buttons .btn{align-items:center;display:flex;height:32px;justify-content:center;min-width:32px;padding:.25rem;padding:var(--spacing-xs)}.users-page .table-container .empty-state{color:#6c757d;color:var(--text-secondary);padding:3rem;padding:var(--spacing-xxl);text-align:center}.users-page .table-container .empty-state i{font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);opacity:.5}.users-page .table-container .empty-state h3{color:#343a40;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.users-page .table-container .empty-state p{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.users-page .pagination-container{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #edeff1;border:1px solid var(--border-light);border-radius:0 0 8px 8px;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);border-top:none;display:flex;justify-content:space-between;padding:1.5rem;padding:var(--spacing-lg)}.users-page .pagination-container .pagination-info{color:#6c757d;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm)}.users-page .pagination-container .pagination-controls{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md)}.users-page .pagination-container .pagination-select{min-width:120px;width:auto}@media(max-width:767px){.users-page .pagination-container{flex-direction:column;gap:1rem;gap:var(--spacing-md)}}.users-page .loading-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050;z-index:var(--z-modal)}.roles-page .roles-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem;margin-bottom:var(--spacing-xl)}@media(max-width:767px){.roles-page .roles-grid{grid-template-columns:1fr}}.roles-page .role-card{background:#fff;background:var(--bg-card);border:1px solid #edeff1;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--border-radius-lg);padding:2rem;padding:var(--spacing-xl);position:relative;transition:.25s ease-in-out;transition:var(--transition)}.roles-page .role-card:hover{border-color:#7b2d8e;border-color:var(--color-primary);box-shadow:0 8px 16px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.roles-page .role-card .role-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.roles-page .role-card .role-header .role-info{align-items:flex-start;display:flex;flex:1 1;gap:1rem;gap:var(--spacing-md)}.roles-page .role-card .role-header .role-info .role-color-indicator{border-radius:.25rem;border-radius:var(--border-radius-sm);flex-shrink:0;height:24px;margin-top:2px;width:24px}.roles-page .role-card .role-header .role-info .role-title{flex:1 1}.roles-page .role-card .role-header .role-info .role-title h3{color:#343a40;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.3;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.roles-page .role-card .role-header .role-info .role-title .role-description{color:#6c757d;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.4}.roles-page .role-card .role-header .role-badges{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.roles-page .role-card .level-badge{align-items:center;border-radius:.25rem;border-radius:var(--border-radius-sm);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.roles-page .role-card .level-badge.level-basic{background:#28a7451a;color:#28a745;color:var(--color-success)}.roles-page .role-card .level-badge.level-intermediate{background:#ffc1071a;color:#856404}.roles-page .role-card .level-badge.level-advanced{background:#ff98001a;color:#c16c00}.roles-page .role-card .level-badge.level-admin{background:#dc35451a;color:#dc3545;color:var(--color-danger)}.roles-page .role-card .level-badge.level-default{background:#ebebe7;background:var(--color-gray-100);color:#343a40;color:var(--color-gray-600)}.roles-page .role-card .system-badge{align-items:center;background:#6c757d1a;border-radius:.25rem;border-radius:var(--border-radius-sm);color:#343a40;color:var(--color-gray-600);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);gap:.25rem;gap:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.roles-page .role-card .role-stats{border-bottom:1px solid #edeff1;border-bottom:1px solid var(--border-light);border-top:1px solid #edeff1;border-top:1px solid var(--border-light);display:flex;justify-content:space-around;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1rem 0;padding:var(--spacing-md) 0}.roles-page .role-card .role-stats .stat-item{text-align:center}.roles-page .role-card .role-stats .stat-item .stat-value{color:#343a40;color:var(--text-primary);display:block;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold)}.roles-page .role-card .role-stats .stat-item .stat-label{color:#6c757d;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-xs);letter-spacing:.5px;text-transform:uppercase}.roles-page .role-card .role-actions{display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:flex-end}.roles-page .role-card .role-actions .btn{font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.permissions-page .permissions-stats{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.permissions-page .permissions-stats .stat-card{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #edeff1;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--border-radius-lg);display:flex;gap:1rem;gap:var(--spacing-md);padding:1.5rem;padding:var(--spacing-lg)}.permissions-page .permissions-stats .stat-card .stat-icon{align-items:center;background:#7b2d8e;background:var(--color-primary);border-radius:8px;border-radius:var(--border-radius-lg);color:#fff;display:flex;font-size:1.125rem;font-size:var(--font-size-lg);height:48px;justify-content:center;width:48px}.permissions-page .permissions-stats .stat-card .stat-info{flex:1 1}.permissions-page .permissions-stats .stat-card .stat-info .stat-value{color:#343a40;color:var(--text-primary);display:block;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold)}.permissions-page .permissions-stats .stat-card .stat-info .stat-label{color:#6c757d;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm)}.permissions-page .permissions-modules .permission-module{background:#fff;background:var(--bg-card);border:1px solid #edeff1;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--border-radius-lg);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);overflow:hidden}.permissions-page .permissions-modules .permission-module .module-header{align-items:center;background:#f0f0ed;background:var(--color-gray-50);border-bottom:1px solid #edeff1;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;padding:var(--spacing-lg);transition:.25s ease-in-out;transition:var(--transition)}.permissions-page .permissions-modules .permission-module .module-header:hover{background:#ebebe7;background:var(--color-gray-100)}.permissions-page .permissions-modules .permission-module .module-header .module-info{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md)}.permissions-page .permissions-modules .permission-module .module-header .module-info i{color:#7b2d8e;color:var(--color-primary);font-size:1.125rem;font-size:var(--font-size-lg)}.permissions-page .permissions-modules .permission-module .module-header .module-info .module-name{color:#343a40;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.permissions-page .permissions-modules .permission-module .module-header .module-info .module-count{background:#7b2d8e;background:var(--color-primary);border-radius:.25rem;border-radius:var(--border-radius-sm);color:#fff;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.permissions-page .permissions-modules .permission-module .module-header .expand-toggle{background:none;border:none;color:#6c757d;color:var(--text-secondary);cursor:pointer;font-size:1.125rem;font-size:var(--font-size-lg);transition:.25s ease-in-out;transition:var(--transition)}.permissions-page .permissions-modules .permission-module .module-header .expand-toggle:hover{color:#343a40;color:var(--text-primary)}.permissions-page .permissions-modules .permission-module .module-groups{padding:1.5rem;padding:var(--spacing-lg)}.permissions-page .permissions-modules .permission-module .module-groups .permission-group{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.permissions-page .permissions-modules .permission-module .module-groups .permission-group:last-child{margin-bottom:0}.permissions-page .permissions-modules .permission-module .module-groups .permission-group .group-header{align-items:center;border-bottom:1px solid #edeff1;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md);padding-bottom:.5rem;padding-bottom:var(--spacing-sm)}.permissions-page .permissions-modules .permission-module .module-groups .permission-group .group-header .group-name{color:#343a40;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);margin:0}.permissions-page .permissions-modules .permission-module .module-groups .permission-group .group-header .group-count{color:#6c757d;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm)}.permissions-page .permissions-modules .permission-module .module-groups .permission-group .permissions-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.permissions-page .permissions-modules .permission-module .module-groups .permission-group .permission-card{border:1px solid #edeff1;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--border-radius);padding:1rem;padding:var(--spacing-md);position:relative;transition:.25s ease-in-out;transition:var(--transition)}.permissions-page .permissions-modules .permission-module .module-groups .permission-group .permission-card:hover{border-color:#7b2d8e;border-color:var(--color-primary);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm)}.permissions-page .permissions-modules .permission-module .module-groups .permission-group .permission-card.permission-create{border-left:4px solid #28a745;border-left:4px solid var(--color-success)}.permissions-page .permissions-modules .permission-module .module-groups .permission-group .permission-card.permission-edit{border-left:4px solid #ffc107;border-left:4px solid var(--color-warning)}.permissions-page .permissions-modules .permission-module .module-groups .permission-group .permission-card.permission-delete{border-left:4px solid #dc3545;border-left:4px solid var(--color-danger)}.permissions-page .permissions-modules .permission-module .module-groups .permission-group .permission-card.permission-view{border-left:4px solid #17a2b8;border-left:4px solid var(--color-info)}.permissions-page .permissions-modules .permission-module .module-groups .permission-group .permission-card.permission-manage{border-left:4px solid #7b2d8e;border-left:4px solid var(--color-primary)}.permissions-page .permissions-modules .permission-module .module-groups .permission-group .permission-card.permission-default{border-left:4px solid #c1c9d0;border-left:4px solid var(--color-gray-300)}.permissions-page .permissions-modules .permission-module .module-groups .permission-group .permission-card .permission-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.permissions-page .permissions-modules .permission-module .module-groups .permission-group .permission-card .permission-header .permission-name{color:#343a40;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);line-height:1.3;margin:0}.permissions-page .permissions-modules .permission-module .module-groups .permission-group .permission-card .permission-description{color:#6c757d;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-xs);line-height:1.4;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.permissions-page .permissions-modules .permission-module .module-groups .permission-group .permission-card .permission-meta{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.permissions-page .permissions-modules .permission-module .module-groups .permission-group .permission-card .permission-meta .permission-code{align-items:center;background:#f0f0ed;background:var(--color-gray-50);border-radius:.25rem;border-radius:var(--border-radius-sm);color:#868e96;color:var(--text-muted);display:inline-flex;font-family:monospace;font-size:.75rem;font-size:var(--font-size-xs);gap:.25rem;gap:var(--spacing-xs);padding:.25rem;padding:var(--spacing-xs)}.permissions-page .permissions-modules .permission-module .module-groups .permission-group .permission-card .permission-actions{display:flex;gap:.25rem;gap:var(--spacing-xs);justify-content:flex-end;opacity:0;transition:.25s ease-in-out;transition:var(--transition)}.permissions-page .permissions-modules .permission-module .module-groups .permission-group .permission-card .permission-actions .btn{align-items:center;display:flex;font-size:.75rem;font-size:var(--font-size-xs);height:28px;justify-content:center;min-width:28px;padding:.25rem;padding:var(--spacing-xs)}.permissions-page .permissions-modules .permission-module .module-groups .permission-group .permission-card:hover .permission-actions{opacity:1}.permission-form .form-sections .form-section,.role-form .form-sections .form-section,.user-form .form-sections .form-section{background:#fff;background:var(--bg-card);border:1px solid #edeff1;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--border-radius-lg);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:2rem;padding:var(--spacing-xl)}.permission-form .form-sections .form-section:last-child,.role-form .form-sections .form-section:last-child,.user-form .form-sections .form-section:last-child{margin-bottom:0}.permission-form .form-sections .form-section .section-title,.role-form .form-sections .form-section .section-title,.user-form .form-sections .form-section .section-title{align-items:center;border-bottom:2px solid #ebebe7;border-bottom:2px solid var(--color-gray-100);color:#343a40;color:var(--text-primary);display:flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--spacing-sm);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding-bottom:.5rem;padding-bottom:var(--spacing-sm)}.permission-form .form-sections .form-section .section-title i,.role-form .form-sections .form-section .section-title i,.user-form .form-sections .form-section .section-title i{color:#7b2d8e;color:var(--color-primary)}.permission-form .form-sections .form-section .section-title small,.role-form .form-sections .form-section .section-title small,.user-form .form-sections .form-section .section-title small{color:#6c757d;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:400;font-weight:var(--font-weight-normal);margin-left:auto}.permission-form .form-sections .form-section .section-title .section-actions,.role-form .form-sections .form-section .section-title .section-actions,.user-form .form-sections .form-section .section-title .section-actions{display:flex;gap:.25rem;gap:var(--spacing-xs);margin-left:auto}.permission-form .form-sections .form-section .section-title .section-actions .btn,.role-form .form-sections .form-section .section-title .section-actions .btn,.user-form .form-sections .form-section .section-title .section-actions .btn{font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.permission-form .form-sections .form-section .form-grid,.role-form .form-sections .form-section .form-grid,.user-form .form-sections .form-section .form-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}@media(max-width:767px){.permission-form .form-sections .form-section .form-grid,.role-form .form-sections .form-section .form-grid,.user-form .form-sections .form-section .form-grid{grid-template-columns:1fr}}.permission-form .form-sections .form-section .form-subsection,.role-form .form-sections .form-section .form-subsection,.user-form .form-sections .form-section .form-subsection{border-top:1px solid #edeff1;border-top:1px solid var(--border-light);margin-top:1.5rem;margin-top:var(--spacing-lg);padding-top:1.5rem;padding-top:var(--spacing-lg)}.permission-form .form-sections .form-section .form-subsection h4,.role-form .form-sections .form-section .form-subsection h4,.user-form .form-sections .form-section .form-subsection h4{color:#343a40;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-md);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.permission-form .password-input,.role-form .password-input,.user-form .password-input{position:relative}.permission-form .password-input .password-toggle,.role-form .password-input .password-toggle,.user-form .password-input .password-toggle{background:none;border:none;color:#868e96;color:var(--text-muted);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);position:absolute;right:1rem;right:var(--spacing-md);top:50%;transform:translateY(-50%);transition:.25s ease-in-out;transition:var(--transition)}.permission-form .password-input .password-toggle:hover,.role-form .password-input .password-toggle:hover,.user-form .password-input .password-toggle:hover{color:#343a40;color:var(--text-primary)}.permission-form .input-with-icon,.role-form .input-with-icon,.user-form .input-with-icon{position:relative}.permission-form .input-with-icon .input-icon,.role-form .input-with-icon .input-icon,.user-form .input-with-icon .input-icon{color:#868e96;color:var(--text-muted);font-size:.875rem;font-size:var(--font-size-sm);position:absolute;right:1rem;right:var(--spacing-md);top:50%;transform:translateY(-50%)}.permission-form .color-picker,.role-form .color-picker,.user-form .color-picker{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md)}.permission-form .color-picker .color-input,.role-form .color-picker .color-input,.user-form .color-picker .color-input{background:none;border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--border-radius);cursor:pointer;height:40px;padding:4px;width:60px}.permission-form .color-picker .color-input::-webkit-color-swatch-wrapper,.role-form .color-picker .color-input::-webkit-color-swatch-wrapper,.user-form .color-picker .color-input::-webkit-color-swatch-wrapper{padding:0}.permission-form .color-picker .color-input::-webkit-color-swatch,.role-form .color-picker .color-input::-webkit-color-swatch,.user-form .color-picker .color-input::-webkit-color-swatch{border:none;border-radius:.25rem;border-radius:var(--border-radius-sm)}.permission-form .color-picker .color-presets,.role-form .color-picker .color-presets,.user-form .color-picker .color-presets{display:flex;gap:.25rem;gap:var(--spacing-xs)}.permission-form .color-picker .color-presets .color-preset,.role-form .color-picker .color-presets .color-preset,.user-form .color-picker .color-presets .color-preset{border:2px solid #0000;border-radius:.25rem;border-radius:var(--border-radius-sm);cursor:pointer;height:32px;transition:.25s ease-in-out;transition:var(--transition);width:32px}.permission-form .color-picker .color-presets .color-preset:hover,.role-form .color-picker .color-presets .color-preset:hover,.user-form .color-picker .color-presets .color-preset:hover{border-color:#c1c9d0;border-color:var(--color-gray-300);transform:scale(1.1)}.permission-form .color-picker .color-presets .color-preset.active,.role-form .color-picker .color-presets .color-preset.active,.user-form .color-picker .color-presets .color-preset.active{border-color:#343a40;border-color:var(--text-primary);box-shadow:0 0 0 2px #fff,0 0 0 4px #343a40;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--text-primary)}.permission-form .permissions-container .permissions-summary,.role-form .permissions-container .permissions-summary,.user-form .permissions-container .permissions-summary{background:#f0f0ed;background:var(--color-gray-50);border-radius:6px;border-radius:var(--border-radius);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1rem;padding:var(--spacing-md);text-align:center}.permission-form .permissions-container .permissions-summary .selected-count,.role-form .permissions-container .permissions-summary .selected-count,.user-form .permissions-container .permissions-summary .selected-count{color:#343a40;color:var(--text-primary);font-weight:500;font-weight:var(--font-weight-medium)}.permission-form .permissions-container .permissions-modules .permission-module,.role-form .permissions-container .permissions-modules .permission-module,.user-form .permissions-container .permissions-modules .permission-module{border:1px solid #edeff1;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--border-radius);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);overflow:hidden}.permission-form .permissions-container .permissions-modules .permission-module .module-header,.role-form .permissions-container .permissions-modules .permission-module .module-header,.user-form .permissions-container .permissions-modules .permission-module .module-header{align-items:center;background:#f0f0ed;background:var(--color-gray-50);border-bottom:1px solid #edeff1;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1rem;padding:var(--spacing-md)}.permission-form .permissions-container .permissions-modules .permission-module .module-header .module-info,.role-form .permissions-container .permissions-modules .permission-module .module-header .module-info,.user-form .permissions-container .permissions-modules .permission-module .module-header .module-info{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.permission-form .permissions-container .permissions-modules .permission-module .module-header .module-info .module-name,.role-form .permissions-container .permissions-modules .permission-module .module-header .module-info .module-name,.user-form .permissions-container .permissions-modules .permission-module .module-header .module-info .module-name{color:#343a40;color:var(--text-primary);font-weight:500;font-weight:var(--font-weight-medium);margin:0}.permission-form .permissions-container .permissions-modules .permission-module .module-header .module-info .module-count,.role-form .permissions-container .permissions-modules .permission-module .module-header .module-info .module-count,.user-form .permissions-container .permissions-modules .permission-module .module-header .module-info .module-count{background:#7b2d8e;background:var(--color-primary);border-radius:.25rem;border-radius:var(--border-radius-sm);color:#fff;font-size:.75rem;font-size:var(--font-size-xs);padding:2px .25rem;padding:2px var(--spacing-xs)}.permission-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .module-checkbox,.permission-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .permission-groups .permission-group .group-header .group-checkbox,.permission-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .module-header .module-actions .group-checkbox,.role-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .module-checkbox,.role-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .permission-groups .permission-group .group-header .group-checkbox,.role-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .module-header .module-actions .group-checkbox,.user-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .module-checkbox,.user-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .permission-groups .permission-group .group-header .group-checkbox,.user-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .module-header .module-actions .group-checkbox{cursor:pointer;position:relative}.permission-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .module-checkbox input[type=checkbox],.permission-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .permission-groups .permission-group .group-header .group-checkbox input[type=checkbox],.permission-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .module-header .module-actions .group-checkbox input[type=checkbox],.role-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .module-checkbox input[type=checkbox],.role-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .permission-groups .permission-group .group-header .group-checkbox input[type=checkbox],.role-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .module-header .module-actions .group-checkbox input[type=checkbox],.user-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .module-checkbox input[type=checkbox],.user-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .permission-groups .permission-group .group-header .group-checkbox input[type=checkbox],.user-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .module-header .module-actions .group-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#fff;background:var(--bg-card);border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:.25rem;border-radius:var(--border-radius-sm);cursor:pointer;height:20px;transition:.25s ease-in-out;transition:var(--transition);width:20px}.permission-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .module-checkbox input[type=checkbox]:checked,.permission-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .permission-groups .permission-group .group-header .group-checkbox input[type=checkbox]:checked,.permission-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .module-header .module-actions .group-checkbox input[type=checkbox]:checked,.role-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .module-checkbox input[type=checkbox]:checked,.role-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .permission-groups .permission-group .group-header .group-checkbox input[type=checkbox]:checked,.role-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .module-header .module-actions .group-checkbox input[type=checkbox]:checked,.user-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .module-checkbox input[type=checkbox]:checked,.user-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .permission-groups .permission-group .group-header .group-checkbox input[type=checkbox]:checked,.user-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .module-header .module-actions .group-checkbox input[type=checkbox]:checked{background:#7b2d8e;background:var(--color-primary);border-color:#7b2d8e;border-color:var(--color-primary)}.permission-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .module-checkbox input[type=checkbox]:indeterminate,.permission-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .permission-groups .permission-group .group-header .group-checkbox input[type=checkbox]:indeterminate,.permission-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .module-header .module-actions .group-checkbox input[type=checkbox]:indeterminate,.role-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .module-checkbox input[type=checkbox]:indeterminate,.role-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .permission-groups .permission-group .group-header .group-checkbox input[type=checkbox]:indeterminate,.role-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .module-header .module-actions .group-checkbox input[type=checkbox]:indeterminate,.user-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .module-checkbox input[type=checkbox]:indeterminate,.user-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .permission-groups .permission-group .group-header .group-checkbox input[type=checkbox]:indeterminate,.user-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .module-header .module-actions .group-checkbox input[type=checkbox]:indeterminate{background:#ffc107;background:var(--color-warning);border-color:#ffc107;border-color:var(--color-warning)}.permission-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .module-checkbox .checkmark,.permission-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .permission-groups .permission-group .group-header .group-checkbox .checkmark,.permission-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .module-header .module-actions .group-checkbox .checkmark,.role-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .module-checkbox .checkmark,.role-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .permission-groups .permission-group .group-header .group-checkbox .checkmark,.role-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .module-header .module-actions .group-checkbox .checkmark,.user-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .module-checkbox .checkmark,.user-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .permission-groups .permission-group .group-header .group-checkbox .checkmark,.user-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .module-header .module-actions .group-checkbox .checkmark{height:16px;left:2px;pointer-events:none;position:absolute;top:2px;width:16px}.permission-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .module-checkbox .checkmark:after,.permission-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .permission-groups .permission-group .group-header .group-checkbox .checkmark:after,.permission-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .module-header .module-actions .group-checkbox .checkmark:after,.role-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .module-checkbox .checkmark:after,.role-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .permission-groups .permission-group .group-header .group-checkbox .checkmark:after,.role-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .module-header .module-actions .group-checkbox .checkmark:after,.user-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .module-checkbox .checkmark:after,.user-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .permission-groups .permission-group .group-header .group-checkbox .checkmark:after,.user-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .module-header .module-actions .group-checkbox .checkmark:after{color:#fff;content:"✓";display:none;font-size:12px;font-weight:700;line-height:16px;text-align:center}.permission-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .module-checkbox input[type=checkbox]:checked+.checkmark:after,.permission-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .permission-groups .permission-group .group-header .group-checkbox input[type=checkbox]:checked+.checkmark:after,.permission-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .module-header .module-actions .group-checkbox input[type=checkbox]:checked+.checkmark:after,.role-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .module-checkbox input[type=checkbox]:checked+.checkmark:after,.role-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .permission-groups .permission-group .group-header .group-checkbox input[type=checkbox]:checked+.checkmark:after,.role-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .module-header .module-actions .group-checkbox input[type=checkbox]:checked+.checkmark:after,.user-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .module-checkbox input[type=checkbox]:checked+.checkmark:after,.user-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .permission-groups .permission-group .group-header .group-checkbox input[type=checkbox]:checked+.checkmark:after,.user-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .module-header .module-actions .group-checkbox input[type=checkbox]:checked+.checkmark:after{display:block}.permission-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .module-checkbox input[type=checkbox]:indeterminate+.checkmark:after,.permission-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .permission-groups .permission-group .group-header .group-checkbox input[type=checkbox]:indeterminate+.checkmark:after,.permission-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .module-header .module-actions .group-checkbox input[type=checkbox]:indeterminate+.checkmark:after,.role-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .module-checkbox input[type=checkbox]:indeterminate+.checkmark:after,.role-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .permission-groups .permission-group .group-header .group-checkbox input[type=checkbox]:indeterminate+.checkmark:after,.role-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .module-header .module-actions .group-checkbox input[type=checkbox]:indeterminate+.checkmark:after,.user-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .module-checkbox input[type=checkbox]:indeterminate+.checkmark:after,.user-form .permissions-container .permissions-modules .permission-module .module-header .module-actions .permission-groups .permission-group .group-header .group-checkbox input[type=checkbox]:indeterminate+.checkmark:after,.user-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .module-header .module-actions .group-checkbox input[type=checkbox]:indeterminate+.checkmark:after{content:"−";display:block}.permission-form .permissions-container .permissions-modules .permission-module .permission-groups,.role-form .permissions-container .permissions-modules .permission-module .permission-groups,.user-form .permissions-container .permissions-modules .permission-module .permission-groups{padding:1.5rem;padding:var(--spacing-lg)}.permission-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group,.role-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group,.user-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.permission-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group:last-child,.role-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group:last-child,.user-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group:last-child{margin-bottom:0}.permission-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header,.role-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header,.user-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.permission-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .group-name,.role-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .group-name,.user-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .group-header .group-name{color:#343a40;color:var(--text-primary);font-weight:500;font-weight:var(--font-weight-medium);margin:0}.permission-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid,.role-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid,.user-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.permission-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item,.role-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item,.user-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item{border:1px solid #edeff1;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--border-radius);padding:1rem;padding:var(--spacing-md);transition:.25s ease-in-out;transition:var(--transition)}.permission-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item:hover,.role-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item:hover,.user-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item:hover{background:#4a90e205;border-color:#7b2d8e;border-color:var(--color-primary)}.permission-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox,.role-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox,.user-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox{cursor:pointer;display:flex;gap:.5rem;gap:var(--spacing-sm)}.permission-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox input[type=checkbox],.role-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox input[type=checkbox],.user-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#fff;background:var(--bg-card);border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:.25rem;border-radius:var(--border-radius-sm);cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;transition:.25s ease-in-out;transition:var(--transition);width:18px}.permission-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox input[type=checkbox]:checked,.role-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox input[type=checkbox]:checked,.user-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox input[type=checkbox]:checked{background:#7b2d8e;background:var(--color-primary);border-color:#7b2d8e;border-color:var(--color-primary)}.permission-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox .checkmark,.role-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox .checkmark,.user-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox .checkmark{height:14px;margin-left:2px;margin-top:2px;pointer-events:none;position:absolute;width:14px}.permission-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox .checkmark:after,.role-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox .checkmark:after,.user-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox .checkmark:after{color:#fff;content:"✓";display:none;font-size:10px;font-weight:700;line-height:14px;text-align:center}.permission-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox input[type=checkbox]:checked~.checkmark:after,.role-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox input[type=checkbox]:checked~.checkmark:after,.user-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox input[type=checkbox]:checked~.checkmark:after{display:block}.permission-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox .permission-info,.role-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox .permission-info,.user-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox .permission-info{flex:1 1}.permission-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox .permission-info .permission-name,.role-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox .permission-info .permission-name,.user-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox .permission-info .permission-name{color:#343a40;color:var(--text-primary);display:block;font-weight:500;font-weight:var(--font-weight-medium);line-height:1.3;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.permission-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox .permission-info .permission-description,.role-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox .permission-info .permission-description,.user-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid .permission-item .permission-checkbox .permission-info .permission-description{color:#6c757d;color:var(--text-secondary);font-size:.75rem;font-size:var(--font-size-xs);line-height:1.4}.permission-form .form-actions,.role-form .form-actions,.user-form .form-actions{border-top:1px solid #edeff1;border-top:1px solid var(--border-light);display:flex;gap:1rem;gap:var(--spacing-md);justify-content:flex-end;margin-top:2rem;margin-top:var(--spacing-xl);padding-top:2rem;padding-top:var(--spacing-xl)}@media(max-width:767px){.permission-form .form-actions,.role-form .form-actions,.user-form .form-actions{flex-direction:column-reverse}}.role-detail-modal .modal-body .detail-sections .detail-section,.user-detail-modal .modal-body .detail-sections .detail-section{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.role-detail-modal .modal-body .detail-sections .detail-section:last-child,.user-detail-modal .modal-body .detail-sections .detail-section:last-child{margin-bottom:0}.role-detail-modal .modal-body .detail-sections .detail-section .section-title,.user-detail-modal .modal-body .detail-sections .detail-section .section-title{align-items:center;border-bottom:1px solid #edeff1;border-bottom:1px solid var(--border-light);color:#343a40;color:var(--text-primary);display:flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--spacing-sm);margin-bottom:1rem;margin-bottom:var(--spacing-md);padding-bottom:.5rem;padding-bottom:var(--spacing-sm)}.role-detail-modal .modal-body .detail-sections .detail-section .section-title i,.user-detail-modal .modal-body .detail-sections .detail-section .section-title i{color:#7b2d8e;color:var(--color-primary)}.role-detail-modal .modal-body .detail-sections .detail-section .detail-grid,.user-detail-modal .modal-body .detail-sections .detail-section .detail-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.role-detail-modal .modal-body .detail-sections .detail-section .detail-item .item-label,.user-detail-modal .modal-body .detail-sections .detail-section .detail-item .item-label{color:#6c757d;color:var(--text-secondary);display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.role-detail-modal .modal-body .detail-sections .detail-section .detail-item .item-value,.user-detail-modal .modal-body .detail-sections .detail-section .detail-item .item-value{color:#343a40;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-md)}.role-detail-modal .modal-body .detail-sections .detail-section .detail-item .item-value.status-active,.user-detail-modal .modal-body .detail-sections .detail-section .detail-item .item-value.status-active{color:#28a745;color:var(--color-success);font-weight:500;font-weight:var(--font-weight-medium)}.role-detail-modal .modal-body .detail-sections .detail-section .detail-item .item-value.status-inactive,.user-detail-modal .modal-body .detail-sections .detail-section .detail-item .item-value.status-inactive{color:#dc3545;color:var(--color-danger);font-weight:500;font-weight:var(--font-weight-medium)}.role-detail-modal .modal-body .detail-sections .detail-section .permissions-list,.user-detail-modal .modal-body .detail-sections .detail-section .permissions-list{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--spacing-xs)}.role-detail-modal .modal-body .detail-sections .detail-section .permissions-list .permission-tag,.user-detail-modal .modal-body .detail-sections .detail-section .permissions-list .permission-tag{background:#7b2d8e;background:var(--color-primary);border-radius:.25rem;border-radius:var(--border-radius-sm);color:#fff;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.role-detail-modal .modal-body .modal-actions,.user-detail-modal .modal-body .modal-actions{border-top:1px solid #edeff1;border-top:1px solid var(--border-light);display:flex;gap:1rem;gap:var(--spacing-md);justify-content:flex-end;margin-top:2rem;margin-top:var(--spacing-xl);padding-top:1.5rem;padding-top:var(--spacing-lg)}.confirm-modal .modal{max-width:500px}.confirm-modal .modal .modal-body{padding:3rem;padding:var(--spacing-xxl);text-align:center}.confirm-modal .modal .modal-body .confirm-icon{color:#ffc107;color:var(--color-warning);font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.confirm-modal .modal .modal-body .confirm-title{color:#343a40;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.confirm-modal .modal .modal-body .confirm-message{color:#6c757d;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.confirm-modal .modal .modal-body .confirm-actions{display:flex;gap:1rem;gap:var(--spacing-md);justify-content:center}@media(max-width:991px){.permissions-page .page-header,.roles-page .page-header,.users-page .page-header{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.permissions-page .filters-section .filters-row,.roles-page .filters-section .filters-row,.users-page .filters-section .filters-row{gap:.5rem;gap:var(--spacing-sm);grid-template-columns:1fr 1fr}.roles-page .roles-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media(max-width:767px){.permissions-page .filters-section .filters-row,.roles-page .filters-section .filters-row,.users-page .filters-section .filters-row{grid-template-columns:1fr}.permissions-page .stats-container .stats-grid,.roles-page .stats-container .stats-grid,.users-page .stats-container .stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.admin-page .admin-modules,.roles-page .roles-grid{grid-template-columns:1fr}.permissions-page .permissions-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.permission-form .form-sections .form-section .form-grid,.permission-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid,.permissions-page .permissions-modules .permission-module .module-groups .permission-group .permissions-grid,.role-form .form-sections .form-section .form-grid,.role-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid,.user-form .form-sections .form-section .form-grid,.user-form .permissions-container .permissions-modules .permission-module .permission-groups .permission-group .permissions-grid{grid-template-columns:1fr}}.permissions-table-container{margin-top:1.5rem;margin-top:var(--spacing-lg)}.permissions-table-container .permissions-table-header{align-items:center;border-bottom:1px solid #edeff1;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md);padding-bottom:1rem;padding-bottom:var(--spacing-md)}.permissions-table-container .permissions-table-header .table-actions{display:flex;gap:.5rem;gap:var(--spacing-sm)}.permissions-table-container .permissions-table-wrapper{border:1px solid #edeff1;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--border-radius);max-height:400px;overflow-y:auto}.permissions-table-container .permissions-table-wrapper::-webkit-scrollbar{width:8px}.permissions-table-container .permissions-table-wrapper::-webkit-scrollbar-track{background:#f0f0ed;background:var(--color-gray-50);border-radius:4px}.permissions-table-container .permissions-table-wrapper::-webkit-scrollbar-thumb{background:#c1c9d0;background:var(--color-gray-300);border-radius:4px}.permissions-table-container .permissions-table-wrapper::-webkit-scrollbar-thumb:hover{background:#6c757d;background:var(--color-gray-400)}.permissions-table-container .permissions-table{border-collapse:collapse;font-size:.875rem;font-size:var(--font-size-sm);width:100%}.permissions-table-container .permissions-table thead{background:#f0f0ed;background:var(--color-gray-50);position:-webkit-sticky;position:sticky;top:0;z-index:10}.permissions-table-container .permissions-table thead th{background:#f0f0ed;background:var(--color-gray-50);border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--border-color);color:#343a40;color:var(--text-primary);font-weight:600;font-weight:var(--font-weight-semibold);padding:1rem .5rem;padding:var(--spacing-md) var(--spacing-sm);text-align:left;white-space:nowrap}.permissions-table-container .permissions-table thead th:first-child{text-align:center}.permissions-table-container .permissions-table tbody tr{border-bottom:1px solid #edeff1;border-bottom:1px solid var(--border-light);transition:.25s ease-in-out;transition:var(--transition)}.permissions-table-container .permissions-table tbody tr:hover{background:#f0f0ed;background:var(--color-gray-50)}.permissions-table-container .permissions-table tbody tr.selected{background:#4a90e20d;border-left:3px solid #7b2d8e;border-left:3px solid var(--color-primary)}.permissions-table-container .permissions-table tbody tr:last-child{border-bottom:none}.permissions-table-container .permissions-table tbody td{padding:1rem .5rem;padding:var(--spacing-md) var(--spacing-sm);vertical-align:top}.permissions-table-container .permissions-table tbody td:first-child{text-align:center;width:50px}.permissions-table-container .permissions-table tbody td strong{color:#343a40;color:var(--text-primary);font-weight:600;font-weight:var(--font-weight-semibold)}.permissions-table-container .permissions-table tbody td .text-muted{color:#868e96;color:var(--text-muted);font-family:monospace;font-size:.75rem;font-size:var(--font-size-xs)}.permissions-table-container .permissions-table tbody td small{color:#6c757d;color:var(--text-secondary);display:block;line-height:1.4;margin-top:.25rem;margin-top:var(--spacing-xs)}.permissions-table-container .module-badge{align-items:center;background:#7b2d8e;background:var(--color-primary);border-radius:.25rem;border-radius:var(--border-radius-sm);color:#fff;display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.permissions-table-container .permissions-summary{align-items:center;background:#a7e9f4;background:var(--color-info-light);border:1px solid #17a2b8;border:1px solid var(--color-info);border-radius:6px;border-radius:var(--border-radius);color:#17a2b8;color:var(--color-info);display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--spacing-sm);margin-top:1rem;margin-top:var(--spacing-md);padding:1rem;padding:var(--spacing-md)}.permissions-table-container .permissions-summary i{font-size:1.125rem;font-size:var(--font-size-lg)}@media(max-width:991px){.permissions-table-container .permissions-table-wrapper{max-height:300px}.permissions-table-container .permissions-table{font-size:.75rem;font-size:var(--font-size-xs)}.permissions-table-container .permissions-table tbody td,.permissions-table-container .permissions-table thead th{padding:.5rem;padding:var(--spacing-sm)}}@media(max-width:767px){.permissions-table-container .permissions-table-header{align-items:stretch;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.permissions-table-container .permissions-table-header .table-actions{flex-direction:column}.permissions-table-container .permissions-table{display:block;overflow-x:auto}.permissions-table-container .permissions-table tbody,.permissions-table-container .permissions-table thead,.permissions-table-container .permissions-table tr{display:block}.permissions-table-container .permissions-table thead{display:none}.permissions-table-container .permissions-table tbody tr{border:1px solid #edeff1;border:1px solid var(--border-light);border-radius:6px;border-radius:var(--border-radius);margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:1rem;padding:var(--spacing-md)}.permissions-table-container .permissions-table tbody tr:last-child{margin-bottom:0}.permissions-table-container .permissions-table td{display:block;padding:.25rem 0!important;padding:var(--spacing-xs) 0!important;text-align:left!important;width:100%!important}.permissions-table-container .permissions-table td:first-child{margin-bottom:.5rem;margin-bottom:var(--spacing-sm);text-align:left!important}.permissions-table-container .permissions-table td:before{color:#6c757d;color:var(--text-secondary);content:attr(data-label);display:block;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.25rem;margin-bottom:var(--spacing-xs);text-transform:uppercase}.permissions-table-container .permissions-table td:first-child:before{content:"Seleccionar"}}.admin-container{background:#fff;min-height:100vh;padding-bottom:2rem}.admin-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;display:flex;gap:1.5rem;margin-bottom:0;padding:2rem 2.5rem 1.5rem}.admin-header .header-back{align-items:center;background:#0000;border:2px solid #7b2d8e;border-radius:6px;color:#7b2d8e;display:inline-flex;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .3s ease}.admin-header .header-back:hover{background:#7b2d8e1a;border-color:#834594}.admin-title{align-items:center;color:#000;display:flex;font-size:2rem;font-weight:700;gap:.75rem;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.admin-subtitle{color:#6c757d;font-size:.9375rem;font-weight:400;line-height:1.5;margin:0}.admin-tabs{background:#fff;border-bottom:2px solid #e9ecef;display:flex;gap:.5rem;overflow-x:auto;padding:1rem 2.5rem 0}.admin-tabs::-webkit-scrollbar{height:4px}.admin-tabs::-webkit-scrollbar-track{background:#f1f3f5}.admin-tabs::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:2px}.admin-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.625rem;letter-spacing:.3px;padding:.875rem 1.75rem;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.admin-tab:hover{background:#7b2d8e0d;color:#7b2d8e}.admin-tab--active{background:#fff;border-bottom-color:#7b2d8e;color:#7b2d8e;font-weight:700}.admin-tab span:first-child{align-items:center;display:flex}.admin-submenu{background:#fff;border-bottom:1px solid #e9ecef;display:flex;gap:.5rem;overflow-x:auto;padding:1rem 2rem}.admin-submenu::-webkit-scrollbar{height:4px}.submenu-item{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:20px;color:#6c757d;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.submenu-item:hover{background:#f8f9fa;border-color:#adb5bd;color:#495057}.submenu-item--active{background:#7b2d8e;border-color:#7b2d8e;color:#fff;font-weight:600}.admin-content{background:#fff;margin:0 auto;max-width:1400px;padding:2rem}.settings-page{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:2rem}.alert{border-radius:8px;font-size:.95rem;margin-bottom:1.5rem;padding:1rem}.alert--success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert--error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.settings-section{border-bottom:1px solid #e0e0e0;margin-bottom:2.5rem;padding-bottom:2.5rem}.settings-section:last-of-type{border-bottom:none}.section-header{align-items:flex-start;color:#7b2d8e;display:flex;gap:1rem;margin-bottom:1.5rem}.section-header svg{flex-shrink:0;margin-top:.25rem}.section-title{color:#212529;font-size:1.3rem;font-weight:600;margin:0 0 .25rem}.section-description{color:#6c757d;font-size:.9rem;margin:0}.settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-group{display:flex;flex-direction:column}.form-group--full{grid-column:1/-1}.form-label{color:#495057;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-input,.form-input[type=email],.form-input[type=number],.form-input[type=password],.form-input[type=text],select.form-input,textarea.form-input{background:#fff;border:1px solid #ced4da;border-radius:6px;color:#212529;font-size:.95rem;padding:.75rem;transition:all .2s ease;width:100%}.form-input:focus,.form-input[type=email]:focus,.form-input[type=number]:focus,.form-input[type=password]:focus,.form-input[type=text]:focus,select.form-input:focus,textarea.form-input:focus{border-color:#7b2d8e;box-shadow:0 0 0 3px #7b2d8e1a;outline:none}.form-input::placeholder,.form-input[type=email]::placeholder,.form-input[type=number]::placeholder,.form-input[type=password]::placeholder,.form-input[type=text]::placeholder,select.form-input::placeholder,textarea.form-input::placeholder{color:#adb5bd}.form-helper{color:#6c757d;font-size:.825rem;margin-top:.5rem}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.75rem;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-label span{color:#495057;font-size:.95rem;font-weight:500}.test-email-container{align-items:flex-start;display:flex;gap:1rem}.test-email-container .form-input{flex:1 1}.test-email-container .btn{white-space:nowrap}.settings-actions{border-top:2px solid #e9ecef;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--primary{background:#7b2d8e;color:#fff}.btn--primary:hover:not(:disabled){background:#60236f;box-shadow:0 4px 8px #7b2d8e4d;transform:translateY(-1px)}.btn--outline{background:#0000;border:2px solid #7b2d8e;color:#7b2d8e}.btn--outline:hover:not(:disabled){background:#7b2d8e1a}.btn--ghost{background:#0000;color:#7b2d8e}.btn--ghost:hover:not(:disabled){background:#7b2d8e1a}.error-container{align-items:center;background:#fff;border-radius:12px;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem;text-align:center}.error-container p{color:#6c757d;font-size:1.1rem}@media(max-width:768px){.admin-header{padding:1rem}.admin-title{font-size:1.4rem}.admin-tabs{padding:1rem 1rem 0}.admin-content{padding:1rem}.settings-page{padding:1.5rem 1rem}.settings-grid{grid-template-columns:1fr}.settings-actions{flex-direction:column}.settings-actions .btn{justify-content:center;width:100%}.test-email-container{flex-direction:column}.test-email-container .btn{justify-content:center;width:100%}}.reportes-page{padding:1.5rem}.reportes-page .filters-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.reportes-page .filters-card .filters-header{align-items:center;display:flex;gap:.5rem;margin-bottom:1.5rem}.reportes-page .filters-card .filters-header svg{color:#7b2d8e;font-size:20px}.reportes-page .filters-card .filters-header h3{color:#343a40;font-size:1.125rem;font-weight:600;margin:0}.reportes-page .filters-card .filters-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media(max-width:767px){.reportes-page .filters-card .filters-content{grid-template-columns:1fr}}.reportes-page .filters-card .filter-group{display:flex;flex-direction:column;gap:.25rem}.reportes-page .filters-card .filter-group .filter-label{align-items:center;color:#343a40;display:flex;font-size:.875rem;font-weight:600;gap:.25rem}.reportes-page .filters-card .filter-group .period-buttons{display:flex;gap:.25rem}.reportes-page .filters-card .filter-group .period-buttons .period-btn{background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#343a40;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .25s ease-in-out}.reportes-page .filters-card .filter-group .period-buttons .period-btn:hover{background:#ebebe7}.reportes-page .filters-card .filter-group .period-buttons .period-btn.active{background:#7b2d8e;border-color:#7b2d8e;color:#fff}.reportes-page .reports-section{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:2rem;padding:2rem}.reportes-page .reports-section .section-header{align-items:center;border-bottom:2px solid #ebebe7;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.reportes-page .reports-section .section-header .section-title{align-items:center;color:#343a40;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin:0}.reportes-page .reports-section .section-header .section-title svg{color:#7b2d8e;font-size:24px}.reportes-page .stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}@media(max-width:767px){.reportes-page .stats-grid{grid-template-columns:1fr}}.reportes-page .stat-card{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .25s ease-in-out}.reportes-page .stat-card:before{background:#7b2d8e;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.reportes-page .stat-card--primary:before{background:#7b2d8e}.reportes-page .stat-card--success:before{background:#28a745}.reportes-page .stat-card--info:before{background:#17a2b8}.reportes-page .stat-card--warning:before{background:#ffc107}.reportes-page .stat-card:hover{box-shadow:0 4px 8px #0000001f;transform:translateY(-2px)}.reportes-page .stat-card .stat-icon{align-items:center;background:linear-gradient(135deg,#7b2d8e,#834594);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:28px;height:60px;justify-content:center;width:60px}.reportes-page .stat-card--success .stat-icon{background:linear-gradient(135deg,#27ae60,#2ecc71)}.reportes-page .stat-card--info .stat-icon{background:linear-gradient(135deg,#2980b9,#3498db)}.reportes-page .stat-card--warning .stat-icon{background:linear-gradient(135deg,#e67e22,#f39c12)}.reportes-page .stat-card .stat-content{flex:1 1}.reportes-page .stat-card .stat-content .stat-label{color:#6c757d;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.reportes-page .stat-card .stat-content .stat-value{color:#343a40;font-size:1.5rem;font-weight:700;line-height:1.2}.reportes-page .stat-card .stat-content .stat-meta{color:#6c757d;font-size:.75rem;margin-top:.25rem}.reportes-page .stat-card .stat-content .stat-meta.positive{color:#28a745}.reportes-page .stat-card .stat-content .stat-meta.negative{color:#dc3545}.reportes-page .breakdown-section{margin-top:2rem}.reportes-page .breakdown-section .breakdown-title{color:#343a40;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.reportes-page .table-responsive{margin-top:1rem;overflow-x:auto}.reportes-page .table-responsive .table{border-collapse:collapse;width:100%}.reportes-page .table-responsive .table thead{background:#ebebe7}.reportes-page .table-responsive .table thead th{border-bottom:2px solid #dee2e6;color:#343a40;font-size:.875rem;font-weight:600;padding:1rem;text-align:left}.reportes-page .table-responsive .table thead th.text-right{text-align:right}.reportes-page .table-responsive .table tbody tr{border-bottom:1px solid #dee2e6;transition:background .15s ease-in-out}.reportes-page .table-responsive .table tbody tr:hover{background:#ebebe7}.reportes-page .table-responsive .table tbody tr td{color:#343a40;font-size:.875rem;padding:1rem}.reportes-page .table-responsive .table tbody tr td.text-right{text-align:right}.reportes-page .rank-badge{align-items:center;border-radius:50%;display:inline-flex;font-size:.75rem;font-weight:700;height:28px;justify-content:center;width:28px}.reportes-page .rank-badge.rank-1{background:linear-gradient(135deg,#f39c12,#f1c40f);color:#fff}.reportes-page .rank-badge.rank-2{background:linear-gradient(135deg,#95a5a6,#bdc3c7);color:#fff}.reportes-page .rank-badge.rank-3{background:linear-gradient(135deg,#d35400,#e67e22);color:#fff}.reportes-page .rank-badge.rank-default{background:#ebebe7;color:#343a40}.reportes-page .product-cell .product-name{color:#343a40;font-weight:500;margin-bottom:2px}.reportes-page .product-cell .product-code{color:#6c757d;font-size:.75rem}.reportes-page .quantity-badge{background:#ebebe7;border-radius:8px;color:#343a40;display:inline-block;font-size:.875rem;font-weight:600;padding:.25rem .5rem}.reportes-page .percentage{color:#7b2d8e;font-weight:600}.reportes-page .empty-state{padding:3rem;text-align:center}.reportes-page .empty-state svg{color:#6c757d;margin-bottom:1.5rem}.reportes-page .empty-state h3{color:#343a40;font-size:1.25rem;margin-bottom:.5rem}.reportes-page .empty-state p{color:#6c757d;font-size:1rem}
/*# sourceMappingURL=main.932bcb09.css.map*/