.clients-page-container{background-color:var(--bg-app);flex-direction:column;height:100%;display:flex;overflow:hidden}.clients-page-header{flex-direction:column;gap:16px;padding:32px 32px 16px;display:flex}@media (width>=768px){.clients-page-header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.clients-title{color:var(--text-main);margin-bottom:4px;font-size:2rem;font-weight:700;line-height:1.2}.clients-subtitle{color:var(--text-muted);font-size:.9rem}.clients-search-bar{padding:0 32px 16px}.clients-filter-card{background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:16px;padding:16px;display:flex}.search-input-wrapper{flex:1;min-width:250px;position:relative}.search-icon{color:var(--text-muted);width:20px;height:20px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input-wrapper .input-field{padding-left:40px}.source-filter-wrapper{border-left:1px solid var(--border-color);align-items:center;gap:8px;padding-left:16px;display:flex}.source-filter-label{text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:600}.source-filter-select{color:var(--text-main);cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:.9rem;font-weight:500}.clients-content-area{flex:1;padding:0 32px 32px;overflow-y:auto}.clients-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex}.clients-empty-icon{background-color:var(--bg-surface-alt);width:64px;height:64px;color:var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.clients-empty-title{color:var(--text-main);margin-bottom:8px;font-size:1.25rem;font-weight:500;line-height:1.2}.clients-empty-text{color:var(--text-muted);max-width:320px;margin-bottom:24px;font-size:.9rem}.clients-table-wrapper{overflow-x:auto}.clients-table{border-collapse:collapse;text-align:left;width:100%}.clients-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);background-color:var(--bg-surface-alt);padding:8px 16px;font-size:.875rem;font-weight:600}.clients-table td{border-bottom:1px solid var(--border-color);padding:8px 16px;font-size:.8125rem;transition:background-color .2s}.clients-table tr:hover td{background-color:var(--bg-surface-alt);cursor:pointer}.clients-table.no-hover tr:hover td{cursor:default;background-color:#0000}.clients-table-avatar{background-color:var(--accent-primary);width:32px;height:32px;color:var(--bg-surface);text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;font-family:Playfair Display,serif;font-size:.9rem;font-weight:700;display:flex}.client-name-cell{align-items:center;gap:12px;padding-left:4px;display:flex}.client-name-cell .client-name{color:var(--text-main);padding-left:4px;font-size:.8125rem;font-weight:600;display:inline-block}.client-contact-cell p{color:var(--text-muted);margin:2px 0;font-size:.85rem}.btn-action-icon{color:var(--text-muted);cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.btn-action-icon:hover{background-color:var(--bg-surface-alt);color:var(--accent-primary);border-color:var(--border-color)}.btn-action-icon.primary{color:var(--accent-primary)}.btn-action-icon.primary:hover{background-color:var(--accent-primary);color:var(--bg-surface);border-color:var(--accent-primary)}.source-badge{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.mobile-clients-list{display:none}@media (width<=768px){.clients-table-wrapper{display:none}.mobile-clients-list{background-color:var(--border-color);flex-direction:column;gap:1px;display:flex}.mobile-client-card{background-color:var(--bg-surface);cursor:pointer;padding:16px}.mobile-client-card:hover{background-color:var(--bg-surface-alt)}.mobile-client-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.mobile-client-metrics{border-top:1px solid var(--border-color);justify-content:space-between;padding-top:12px;display:flex}.metric-label{text-transform:uppercase;color:var(--text-muted);font-size:.65rem;font-weight:600}.metric-value{color:var(--text-main);font-size:.9rem;font-weight:600}.metric-value.highlight{color:var(--accent-primary)}}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background-color:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-md);width:100%;max-width:500px;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-surface-alt);justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-title{margin:0;font-size:1.25rem;font-weight:500;line-height:1.2}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px}.modal-close-btn:hover{color:var(--text-main)}.modal-body{padding:24px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (width<=600px){.form-grid{grid-template-columns:1fr}}.form-field{margin-bottom:16px}.error-text{color:var(--danger-text);margin-top:4px;font-size:.75rem;display:block}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;display:flex}.client-detail-header-card{background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);flex-direction:column;flex-shrink:0;gap:16px;padding:24px 32px;display:flex}@media (width>=768px){.client-detail-header-card{flex-direction:row;justify-content:space-between;align-items:center}}.client-detail-identity{align-items:center;gap:16px;display:flex}.client-detail-avatar{background-color:var(--accent-primary);width:64px;height:64px;color:var(--bg-surface);text-transform:uppercase;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;display:flex}.client-detail-info h1{margin-bottom:4px;font-size:2rem;font-weight:700;line-height:1.2}.client-detail-contact{color:var(--text-muted);flex-wrap:wrap;gap:12px;font-size:.85rem;display:flex}.client-detail-contact span{align-items:center;gap:4px;display:flex}.client-detail-actions{gap:8px;width:100%;display:flex}@media (width>=768px){.client-detail-actions{width:auto}}.btn-icon-whatsapp{background-color:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:relative;box-shadow:0 0 #c97c7c00}.btn-icon-whatsapp:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #c97c7c33,0 0 0 4px #c97c7c1a}[data-theme=dark] .btn-icon-whatsapp:hover{box-shadow:0 4px 12px #c97c7c33,0 0 0 4px #c97c7c33}.client-tabs{border-bottom:1px solid var(--border-color);gap:24px;margin-top:24px;display:flex;overflow-x:auto}.client-tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding-bottom:12px;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;transition:color .2s;position:relative}.client-tab-btn:hover{color:var(--text-main)}.client-tab-btn.active{color:var(--accent-primary)}.tab-indicator{background-color:var(--accent-primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.tab-count-badge{background-color:var(--bg-surface-alt,var(--bg-surface-alt));color:var(--text-main,#374151);border-radius:9999px;justify-content:center;align-items:center;min-width:24px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.client-dashboard-grid{grid-template-columns:1fr;gap:16px;margin-bottom:24px;display:grid}@media (width>=768px){.client-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.kpi-card{align-items:center;gap:16px;display:flex}.kpi-icon{width:48px;height:48px;color:var(--success-text);background-color:#4caf5026;border-radius:50%;justify-content:center;align-items:center;display:flex}.kpi-info p:first-child{color:var(--text-muted);font-size:.85rem;font-weight:500}.kpi-info p:last-child{color:var(--text-main);font-size:1.5rem;font-weight:700}.loyalty-progress-container{background-color:var(--bg-surface-alt);border-radius:10px;width:100%;height:10px;margin-top:8px;overflow:hidden}.loyalty-progress-bar{border-radius:10px;height:100%;transition:width .5s}.progress-active{background-color:var(--accent-primary)}.progress-complete{background-color:var(--success-text)}.loyalty-status-text{justify-content:space-between;align-items:flex-end;margin-bottom:4px;display:flex}.docs-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.doc-card{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.doc-card:hover{border-color:var(--accent-primary)}.doc-icon-wrapper{width:40px;height:40px;color:var(--danger-text);background-color:#e539351a;border-radius:8px;justify-content:center;align-items:center;margin-right:12px;display:flex}.orders-container{flex-direction:column;min-width:0;max-width:100%;height:100%;padding:32px;animation:.4s ease-out fadeIn;display:flex}.orders-content{flex-direction:column;flex:1;min-width:0;max-width:100%;min-height:0;display:flex}.orders-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.orders-title{color:var(--text-main);margin-bottom:4px;font-size:2rem;font-weight:700;line-height:1.2}.orders-subtitle{color:var(--text-muted);font-size:.9rem}.view-toggle{background-color:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);gap:8px;padding:6px;display:flex}.view-toggle button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-family:inherit;font-weight:500;transition:all .2s}.view-toggle button.active{background-color:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm)}.view-toggle button:not(.active):hover{background-color:var(--bg-surface-alt)}.filters-bar{background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);grid-template-columns:2fr 1fr auto auto;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:grid}@media (width<=768px){.filters-bar{grid-template-columns:1fr}}.search-wrapper{position:relative}.search-icon{width:16px;height:16px;color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-app);width:100%;color:var(--text-main);padding:10px 10px 10px 36px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.search-input:focus,.filter-select:focus,.btn-refresh:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #c97c7c26}.btn-refresh{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-surface);width:42px;min-width:42px;height:42px;color:var(--accent-primary);cursor:pointer;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;transition:all .2s;display:flex}.btn-refresh:hover{background-color:var(--bg-surface-alt);color:var(--text-main)}.refresh-icon{flex-shrink:0;width:20px;height:20px}.filter-select{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-app);width:100%;color:var(--text-main);appearance:none;cursor:pointer;padding:10px 12px;font-family:inherit;font-size:.9rem}.checkbox-group{gap:16px;display:flex}.checkbox-label{color:var(--text-main);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:.85rem;font-weight:500;transition:background-color .2s;display:flex}.checkbox-label:hover{background-color:var(--bg-surface-alt)}.checkbox-label input[type=checkbox]{accent-color:var(--accent-primary);cursor:pointer;width:16px;height:16px}.kanban-board{scrollbar-width:auto;-ms-overflow-style:auto;flex:1;gap:16px;width:100%;max-width:100%;min-height:0;padding-bottom:16px;display:flex;overflow-x:auto}.kanban-board::-webkit-scrollbar{height:10px;display:block}.kanban-board::-webkit-scrollbar-track{background:var(--bg-surface-alt);border-radius:8px}.kanban-board::-webkit-scrollbar-thumb{background-color:var(--accent-primary);border-radius:8px}@media (width<=1200px){.kanban-board{scroll-snap-type:x mandatory;margin:0 -32px;padding:0 32px 16px}.kanban-column{scroll-snap-align:center;flex-shrink:0;width:280px;min-width:280px}}.kanban-column{background-color:var(--bg-surface-alt);border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-direction:column;flex:1 0 280px;min-width:280px;height:100%;padding:16px;transition:background-color .2s;display:flex}.kanban-column.droppable:hover{background-color:var(--border-color)}.kanban-column-header{justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px;display:flex}.kanban-column-title{color:var(--text-main);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.kanban-column-count{background-color:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;padding:2px 10px;font-size:.75rem;font-weight:700}.kanban-cards{flex-direction:column;flex:1;gap:12px;padding-right:4px;display:flex;overflow-y:auto}.kanban-empty{border:2px dashed var(--border-color);border-radius:var(--radius-md);height:100px;color:var(--text-muted);justify-content:center;align-items:center;font-size:.85rem;display:flex}.kanban-card{background-color:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.kanban-card.draggable{cursor:grab}.kanban-card.draggable:active{cursor:grabbing}.kanban-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-primary);transform:translateY(-2px)}.card-header{justify-content:space-between;align-items:flex-start;display:flex}.card-number{color:var(--accent-primary);letter-spacing:.05em;font-size:.75rem;font-weight:700}.card-client{color:var(--text-main);margin-top:2px;font-size:.95rem;font-weight:600}.badge-urgent{background-color:var(--danger-bg);color:var(--danger-text);text-transform:uppercase;letter-spacing:.05em;border-radius:10px;padding:2px 8px;font-size:.65rem;font-weight:700}[data-theme=dark] .badge-urgent{color:var(--danger-text);background-color:#b91c1c4d}.card-details{flex-direction:column;gap:6px;display:flex}.card-detail-row{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.card-detail-label{color:var(--text-muted)}.card-detail-value{color:var(--text-main);font-weight:500}.text-pending{color:var(--accent-primary);font-weight:600}.text-paid{color:var(--success-text);font-weight:600}[data-theme=dark] .text-paid{color:var(--success-text)}.card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:4px;padding-top:12px;display:flex}.avatar{background-color:var(--bg-surface-alt);width:24px;height:24px;color:var(--text-main);border:2px solid var(--bg-surface);border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex}.avatar.unassigned{background-color:var(--bg-surface-alt);color:var(--text-muted)}.card-action{color:var(--text-muted);font-size:.75rem;font-weight:600;transition:color .2s}.kanban-card:hover .card-action{color:var(--accent-primary)}.detail-container{max-width:1400px;margin:0 auto;padding:32px;animation:.4s ease-out fadeIn}.detail-header{align-items:center;gap:16px;margin-bottom:32px;display:flex}.btn-back{background-color:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-sm);color:var(--text-main);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-back:hover{background-color:var(--bg-surface-alt)}.detail-title-wrapper{align-items:center;gap:12px;display:flex}.detail-title{color:var(--text-main);margin:0;font-size:2rem;font-weight:700;line-height:1.2}.detail-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=1024px){.detail-grid{grid-template-columns:repeat(3,1fr)}}.panel{background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);flex-direction:column;gap:24px;padding:24px;display:flex}.panel-alt{background-color:var(--bg-surface-alt)}.panel-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:.875rem;font-weight:600}.panel-title{color:var(--text-main);border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:12px;font-size:1.5rem;font-weight:600;line-height:1.2}.client-info{align-items:center;gap:16px;display:flex}.client-avatar{background-color:var(--bg-surface-alt);width:48px;height:48px;color:var(--text-main);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.client-name{color:var(--text-main);margin-bottom:2px;font-size:1.1rem;font-weight:600}.client-contact{color:var(--text-muted);font-size:.85rem}.info-block{border-top:1px solid var(--border-color);padding-top:16px}.info-label{color:var(--text-muted);margin-bottom:4px;font-size:.85rem;font-weight:500}.info-value{color:var(--text-main);font-size:1.1rem;font-weight:600}.upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;padding:24px;transition:background-color .2s}.upload-area:hover{background-color:var(--bg-surface-alt)}.upload-text{color:var(--text-muted);font-size:.9rem}.upload-highlight{color:var(--accent-primary);font-weight:600}.design-item{border:1px solid var(--border-color);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px;display:flex}.design-item.approved{border-color:var(--success-text);background-color:var(--success-bg)}[data-theme=dark] .design-item.approved{border-color:var(--success-text);background-color:#4caf501a}.design-info{align-items:center;gap:12px;display:flex}.design-thumb{background-color:var(--bg-surface-alt);width:40px;height:40px;color:var(--text-main);border-radius:6px;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.design-name{color:var(--text-main);font-size:.9rem;font-weight:600}.design-date{color:var(--text-muted);font-size:.75rem}.btn-approve{background-color:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:4px 12px;font-size:.75rem;font-weight:600;transition:background-color .2s}.btn-approve:hover{background-color:var(--accent-hover)}.mfg-form{background-color:var(--warning-bg);border-radius:var(--radius-md);border:1px solid #ffe082;margin-top:16px;padding:16px}[data-theme=dark] .mfg-form{border-color:var(--warning-text);background-color:#fdd8351a}.mfg-title{color:var(--warning-text);margin-bottom:12px;font-size:1.25rem;font-weight:500;line-height:1.2}[data-theme=dark] .mfg-title{color:var(--warning-text)}.input-group{margin-bottom:12px}.input-group label{color:var(--text-main);margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.mfg-form input{background-color:var(--bg-app);width:100%;color:var(--text-main);border:1px solid #ffe082;border-radius:6px;padding:8px 12px;font-family:inherit}[data-theme=dark] .mfg-form input{border-color:var(--warning-text)}.btn-mfg{background-color:var(--warning-text);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:10px;font-weight:600}.btn-mfg:hover{background-color:#e65100}.finance-summary{background-color:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:24px;padding:20px}.finance-row{justify-content:space-between;align-items:center;display:flex}.finance-row+.finance-row{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.finance-label{color:var(--text-muted);font-size:.9rem;font-weight:500}.finance-total{color:var(--text-main);font-size:1.25rem;font-weight:700}.finance-balance{font-size:1.5rem;font-weight:700}.finance-balance.pending{color:var(--accent-primary)}.finance-balance.paid,[data-theme=dark] .finance-balance.paid{color:var(--success-text)}.payment-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.payment-item{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:16px;display:flex}.payment-amount{color:var(--text-main);font-size:1rem;font-weight:700}.payment-method{color:var(--text-muted);font-size:.75rem}.payment-date{color:var(--text-muted);background-color:var(--bg-surface-alt);border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:500}.empty-state{border:2px dashed var(--border-color);border-radius:var(--radius-md);height:80px;color:var(--text-muted);justify-content:center;align-items:center;font-size:.85rem;display:flex}.payment-form{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}.payment-form-title{color:var(--text-main);margin-bottom:12px;font-size:1.25rem;font-weight:500;line-height:1.2}.payment-inputs{gap:8px;margin-bottom:12px;display:flex}.payment-inputs input,.payment-inputs select{border:1px solid var(--border-color);background-color:var(--bg-surface);color:var(--text-main);border-radius:8px;flex:1;padding:10px 12px;font-family:inherit}.payment-inputs input:focus,.payment-inputs select:focus{border-color:var(--accent-primary);outline:none}.btn-pay{background-color:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px;font-weight:600;transition:background-color .2s}.btn-pay:hover{background-color:var(--accent-hover)}.btn-ticket{width:100%;color:var(--accent-primary);border:2px solid var(--accent-primary);cursor:pointer;background-color:#0000;border-radius:8px;padding:12px;font-weight:600;transition:all .2s}.btn-ticket:hover{background-color:var(--accent-primary);color:#fff}.slideover-overlay{z-index:100;opacity:0;background-color:#0000004d;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.slideover-overlay.open{opacity:1}.slideover-panel{background-color:var(--bg-app);z-index:101;width:100%;max-width:400px;height:100vh;box-shadow:var(--shadow-md);flex-direction:column;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-400px}.slideover-panel.open{right:0}.slideover-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.slideover-title{color:var(--text-main);margin:0;font-size:1.25rem;font-weight:500;line-height:1.2}.btn-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px}.slideover-content{flex:1;padding:24px;overflow-y:auto}.slideover-client-card{background-color:var(--bg-surface-alt);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:24px;padding:16px}.slideover-client-label{color:var(--text-muted);margin-bottom:4px;font-size:.85rem}.slideover-client-name{color:var(--text-main);margin:0;font-size:1.1rem;font-weight:600}.loader-container{justify-content:center;align-items:center;height:250px;display:flex}.spinner{border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{to{opacity:1}}.status-chip{border:1px solid #0000;border-radius:4px;padding:4px 6px;font-size:.65rem;font-weight:600}.chip-design{background-color:var(--info-bg);color:var(--info-text);border-color:#e9d5ff}.chip-production{background-color:var(--warning-bg);color:var(--warning-text);border-color:#fde68a}.chip-completed{background-color:var(--success-bg);color:#15803d;border-color:#bbf7d0}.chip-delivered,.chip-deposit{background-color:var(--bg-surface-alt);color:#374151;border-color:#e5e7eb}.card-header-v2{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.card-number-v2{color:var(--accent-primary);letter-spacing:.05em;font-family:monospace;font-size:.7rem;font-weight:700}.badge-time{background-color:var(--bg-surface-alt);color:#374151;border:1px solid #e5e7eb;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:.65rem;font-weight:500;display:inline-flex}.card-client-v2{color:var(--text-main);margin:0 0 8px;font-size:.95rem;font-weight:600}.chips-container{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.status-chip-v2{border:1px solid #0000;border-radius:4px;padding:2px 5px;font-size:.6rem;font-weight:600}.chip-v2-deposit{background-color:var(--bg-surface-alt);color:var(--text-main);border-color:#e5e7eb}.chip-v2-design{color:var(--info-text);background-color:#fbf5ff;border-color:#e9d5ff}.chip-v2-production{background-color:var(--bg-surface)beb;color:var(--warning-text);border-color:#fde68a}.chip-v2-ready_for_delivery{background-color:var(--success-bg);color:#15803d;border-color:#bbf7d0}.chip-v2-delivered{background-color:var(--bg-surface-alt);color:#374151;border-color:#e5e7eb}.card-footer-v2{border-top:1px solid #e2cbcb80;justify-content:space-between;align-items:center;margin-top:8px;padding-top:12px;display:flex}.assignee-wrapper{align-items:center;gap:8px;display:flex;position:relative}.assignee-avatar{background-color:var(--bg-surface-alt);width:24px;height:24px;color:var(--text-main);border:1px solid #e2cbcb80;border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;transition:all .2s;display:flex}.kanban-card:hover .assignee-avatar{background-color:var(--accent-primary);color:#fff}.assignee-select{appearance:none;color:#8c5b63cc;cursor:pointer;background:0 0;border:none;padding:0 12px 0 0;font-size:.75rem;font-weight:500}.assignee-select:focus{outline:none}.chevron-right{color:#8c5b6380}.od-layout{background-color:var(--bg-app,#fefbfa);height:100vh;color:var(--text-main,#603b41);flex-direction:column;display:flex}.od-topbar{background-color:var(--bg-surface,var(--bg-surface)fff);border-bottom:1px solid var(--border-color,#f4eaea);flex-direction:column;gap:1rem;padding:1rem 2rem;display:flex}.od-badge-subphase{white-space:nowrap;background-color:var(--bg-surface-alt);color:var(--danger-text);border:none;border-radius:9999px;align-items:center;padding:4px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;font-weight:500;display:inline-flex}.od-header-row{align-items:center;gap:1.5rem;display:flex}.od-back-btn{border:1px solid var(--border-color,#f4eaea);width:48px;height:48px;color:var(--text-main);cursor:pointer;background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:.65rem;font-weight:500;transition:all .2s;display:flex}.od-back-btn:hover{background:var(--bg-surface-alt,var(--bg-surface)4f2);transform:translateY(-2px)}.od-title-group{align-items:center;gap:1rem;display:flex}.od-title{font-family:var(--font-serif,"Playfair Display", serif);color:var(--text-main);margin:0;font-size:1.5rem;font-weight:700}.od-meta-row{color:#603b41b3;align-items:center;gap:1rem;margin-left:calc(48px + 1.5rem);font-size:.75rem;display:flex}.od-meta-item{align-items:center;gap:.25rem;display:flex}.od-tabs-row{gap:2rem;margin-left:calc(48px + 1.5rem);display:flex}.od-tab{color:#603b4199;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.od-tab.active{color:var(--accent-primary,var(--accent-primary));border-bottom-color:var(--accent-primary)}.od-tab:hover:not(.active){color:var(--text-main)}.od-content{flex:1;gap:2rem;width:100%;max-width:1400px;min-height:0;margin:0 auto;padding:2rem;display:flex;position:relative;overflow:hidden}.od-sidebar{flex-direction:column;gap:1.5rem;width:320px;padding-right:.5rem;display:flex;overflow-y:auto}.od-card{background-color:var(--bg-surface,var(--bg-surface)fff);border:1px solid var(--bg-surface-alt,var(--bg-surface)4f2);border-radius:12px;flex-shrink:0;overflow:hidden;box-shadow:0 4px 12px #603b410d}.od-card-padding{padding:1.25rem}.od-client-header{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.od-client-avatar{background-color:var(--accent-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex}.od-client-name{margin:0;font-size:.95rem;font-weight:700}.od-client-phone{color:#603b41b3;margin:0;font-size:.75rem}.od-client-address{color:#603b4180;margin-top:.5rem;font-size:.65rem;line-height:1.4}.od-section-title{color:#603b4199;letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.7rem;font-weight:700;display:flex}.od-product-item{cursor:pointer;text-align:left;background-color:#0000;border:none;border-left:2px solid #0000;border-radius:0 4px 4px 0;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:.25rem;padding:.5rem .75rem;transition:all .2s;display:flex}.od-product-item.active{background-color:var(--bg-surface-alt,var(--bg-surface)4f2);border-left-color:var(--accent-primary,#d86558)}.od-product-item:hover:not(.active){background-color:var(--bg-surface,#f9f9f9)}.od-product-name{color:var(--text-main,#3b282b);margin:0;font-size:.8rem;font-weight:600}.od-product-meta{justify-content:space-between;align-items:center;margin:0;display:flex}.od-product-meta .od-badge{padding:2px 6px;font-size:.65rem}.od-specs-text{color:#603b41cc;white-space:pre-wrap;font-size:.8rem;line-height:1.5}.od-specs-textarea{border:1px solid var(--border-color);resize:vertical;width:100%;min-height:100px;color:inherit;border-radius:8px;padding:.75rem;font-family:inherit;font-size:.8rem}.od-specs-textarea:focus{border-color:var(--accent-primary);outline:none}.od-btn-icon{color:#603b4180;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.od-btn-icon:hover{background-color:var(--bg-surface-alt,var(--bg-surface)4f2);color:var(--accent-primary,var(--accent-primary))}.od-main-panel{flex-direction:column;flex:1;gap:1.5rem;height:100%;max-height:calc(100vh - 200px);padding-right:.5rem;display:flex;overflow-y:auto}.od-stepper-header{font-family:var(--font-serif,"Playfair Display", serif);color:var(--text-main);margin-bottom:2rem;font-size:.85rem;font-weight:600}.od-stepper-header span{opacity:.8;font-weight:400}.od-stepper-track-container{justify-content:space-between;width:100%;margin-bottom:1rem;padding:1rem;display:flex;position:relative}.od-stepper-line{background-color:var(--border-color,#f4e8e8);z-index:0;height:2px;position:absolute;top:27px;left:10%;right:10%}.od-stepper-line-active{background-color:var(--accent-primary,#d86558);z-index:1;height:2px;transition:width .3s;position:absolute;top:27px;left:10%}.od-stepper-step{z-index:2;flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex;position:relative}.od-stepper-circle{border:2px solid var(--border-color,#f4e8e8);background-color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .3s;display:flex}.od-stepper-circle:before{content:"";background-color:#0000;border-radius:50%;width:6px;height:6px;transition:all .3s}.od-stepper-circle.active{border-color:var(--accent-primary,#d86558);transform:scale(1.1);box-shadow:0 2px 4px #d8655833}.od-stepper-circle.active:before{background-color:var(--accent-primary,#d86558)}.od-stepper-circle.completed{border-color:var(--accent-primary,#d86558);background-color:var(--accent-primary,#d86558);color:#fff;box-shadow:0 2px 4px #d8655833}.od-stepper-circle.completed:before{display:none}.od-stepper-label{color:#603b4180;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:500}.od-stepper-step.active .od-stepper-label,.od-stepper-step.completed .od-stepper-label{color:var(--accent-primary)}.od-action-card{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.od-action-title{font-family:var(--font-serif,"Playfair Display", serif);margin:0;font-size:1.5rem;font-weight:600}.od-action-desc{color:#603b41b3;margin:0 0 .5rem;font-size:.9rem}.od-action-btn{background-color:var(--accent-primary,var(--accent-primary));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s;box-shadow:0 4px 12px #603b410d}.od-action-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #c97c7c26}.od-action-btn-green,.od-action-btn-green:hover{background-color:var(--success-text)}.od-design-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem;display:grid}.od-design-item{border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.od-design-item.final{border-color:var(--success-text);background-color:var(--success-bg)}.od-checklist-item{border:1px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:background .2s;display:flex}.od-checklist-item:hover{background-color:var(--bg-surface-alt)}.od-checklist-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary)}.od-finance-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.od-finance-stat{background-color:var(--bg-surface-alt);text-align:center;border-radius:8px;padding:1.5rem}.od-finance-stat-label{color:#603b41b3;margin-bottom:.5rem;font-size:.8rem}.od-finance-stat-val{color:var(--text-main);margin:0;font-size:1.75rem;font-weight:700}.od-finance-stat-val.red{color:var(--danger-text)}.od-finance-stat-val.green{color:var(--success-text)}.od-payment-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.od-payment-item{border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.od-payment-form{border-top:1px solid var(--border-color);gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.od-input{border:1px solid var(--border-color);color:var(--text-main);background:#fff;border-radius:8px;padding:.5rem 1rem;font-family:inherit;font-size:.9rem}.od-input:focus{border-color:var(--accent-primary);outline:none}.od-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.7rem;font-weight:700;display:inline-flex}.od-badge-payment-paid{background-color:var(--success-bg);color:var(--success-text)}.od-badge-payment-pending{background-color:var(--warning-bg);color:var(--warning-text)}.od-badge-payment-overdue{background-color:var(--danger-bg);color:var(--danger-text)}.od-badge-deposit{background-color:var(--bg-surface-alt);color:var(--text-main)}.od-badge-design-internal,.od-badge-design-review{background-color:var(--info-bg);color:var(--info-text)}.od-badge-design-mod,.od-badge-production{background-color:var(--warning-bg);color:var(--warning-text)}.od-badge-completed{background-color:var(--info-bg);color:var(--info-text)}.od-upload-area{border:2px dashed var(--bg-surface-alt,var(--bg-surface)4f2);cursor:pointer;background-color:#0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;padding:2rem;transition:all .2s;display:flex}.od-upload-area:hover{background-color:var(--bg-surface-alt);border-color:var(--accent-primary,var(--accent-primary))}.od-upload-icon{background-color:var(--bg-surface-alt,var(--bg-surface)4f2);width:40px;height:40px;color:var(--accent-primary,var(--accent-primary));border-radius:50%;justify-content:center;align-items:center;display:flex}.od-upload-title{color:var(--text-main);margin:0;font-size:.95rem;font-weight:600}.od-upload-subtitle{color:#603b4180;margin:0;font-size:.75rem}.od-upload-container{border:1px dashed var(--border-color,#e5e5e5);cursor:pointer;background-color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;transition:all .3s;display:flex}.od-upload-container:hover{border-color:var(--accent-primary,#d86558);background-color:var(--bg-surface-alt,var(--bg-surface)4f2)}.od-upload-icon-wrapper{background-color:var(--bg-surface,var(--bg-surface));border:1px solid var(--border-color,#e5e5e5);width:40px;height:40px;color:var(--accent-primary,#d86558);border-radius:50%;justify-content:center;align-items:center;transition:transform .3s;display:flex}.od-upload-container:hover .od-upload-icon-wrapper{transform:scale(1.1)}.od-stepper-step.viewed .od-stepper-label{color:var(--text-main,#3b282b);font-weight:700}.od-stepper-circle.viewed{transform:scale(1.2);box-shadow:0 0 0 4px #d8655840}.od-finance-tooltip{inset:-20px auto auto calc(100% + 10px)!important;transform:translate(-10px)!important}.od-finance-tooltip:after{border-color:transparent var(--rosa-claro) transparent transparent!important;top:26px!important;left:auto!important;right:100%!important}[data-theme=dark] .od-finance-tooltip:after{border-color:transparent var(--bg-surface) transparent transparent!important}.girly-tooltip-container:hover .od-finance-tooltip,.girly-tooltip-container:focus-within .od-finance-tooltip{transform:translate(0)!important}.od-sidebar{scrollbar-width:none;-ms-overflow-style:none}.od-main-panel{scrollbar-width:auto;-ms-overflow-style:auto}.od-sidebar::-webkit-scrollbar{display:none}.od-main-panel::-webkit-scrollbar{width:8px;height:8px;display:block}.od-main-panel::-webkit-scrollbar-track{background:var(--bg-surface-alt,var(--bg-surface)4f2);border-radius:4px}.od-sidebar::-webkit-scrollbar-thumb{background-color:var(--accent-primary,var(--accent-primary));border-radius:4px}.od-main-panel::-webkit-scrollbar-thumb{background-color:var(--accent-primary,var(--accent-primary));border-radius:4px}@keyframes pulse-attention{0%{transform:scale(1);box-shadow:0 0 #c97c7c66}70%{transform:scale(1.05);box-shadow:0 0 0 6px #c97c7c00}to{transform:scale(1);box-shadow:0 0 #c97c7c00}}.btn-pulse{animation:2s infinite pulse-attention;border:1px solid var(--accent-primary)!important;color:var(--accent-primary)!important}.catalog-container{background-color:var(--bg-main);flex-direction:column;flex:1;padding:40px;display:flex;overflow-y:auto}.catalog-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.catalog-title{color:var(--text-main);margin:0;font-family:Playfair Display,serif;font-size:2rem}.catalog-content{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;overflow:auto}.catalog-table{border-collapse:collapse;width:100%}.catalog-table th,.catalog-table td{text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-main);padding:12px 16px}.catalog-table td{font-size:.8125rem}.catalog-table th{background-color:var(--bg-surface-alt);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.875rem;font-weight:600}.catalog-table tr:hover{background-color:var(--bg-surface-alt)}.action-buttons{gap:8px;display:flex}.badge.warning{color:var(--bg-surface);background-color:#f59e0b;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600}.dashboard-container{background-color:var(--bg-app);flex-direction:column;gap:24px;height:100%;padding:24px;display:flex;overflow-y:auto}.dashboard-header h1{color:var(--text-main);margin-bottom:4px;font-size:1.5rem}.dashboard-header p{color:var(--text-muted);font-size:.95rem}.dashboard-kpi-grid{z-index:20;background-color:var(--bg-app);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:-24px;padding:24px 0 16px;display:grid;position:sticky;top:-24px}.kpi-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:20px;display:flex}.kpi-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.kpi-content{flex-direction:column;display:flex}.kpi-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.85rem;font-weight:500}.kpi-value{color:var(--text-main);font-size:1.5rem;font-weight:700}.dashboard-main-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.dashboard-panel{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;padding:24px;display:flex}.panel-title{color:var(--text-main);margin-bottom:16px;font-size:1.1rem;font-weight:600}.chart-placeholder{background-color:var(--bg-surface-alt);border:1px dashed var(--accent-primary);min-height:300px;color:var(--text-main);border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.placeholder-sub{color:var(--text-muted);margin-top:8px;font-size:.85rem}.action-section{flex-direction:column;gap:12px;display:flex}.action-subtitle{color:var(--text-muted);text-transform:uppercase;align-items:center;gap:6px;font-size:.9rem;font-weight:600;display:flex}.action-list{flex-direction:column;gap:8px;list-style:none;display:flex}.alert-item{border-radius:8px;padding:12px;font-size:.9rem;line-height:1.4}.alert-item.error{background-color:var(--danger-bg);color:var(--danger-text);border-left:4px solid var(--danger-text)}.alert-item.warning{background-color:var(--bg-surface)beb;color:var(--warning-text);border-left:4px solid #f59e0b}[data-theme=dark] .alert-item.error{color:#fca5a5;background-color:#ef44441a}[data-theme=dark] .alert-item.warning{color:#fcd34d;background-color:#f59e0b1a}.empty-state-text{color:var(--text-muted);padding:8px 0;font-size:.9rem;font-style:italic}@media (width<=1024px){.dashboard-main-grid{grid-template-columns:1fr}}.import-wizard-container{background-color:var(--background-color);flex-direction:column;height:100%;padding:32px;display:flex;position:relative;overflow-y:auto}.import-header{margin-bottom:24px}.import-header h1{color:var(--marron-vino);margin-bottom:8px;font-family:Playfair Display,serif}.import-header p{color:var(--text-muted)}.upload-zone{border:2px dashed var(--rosa-terracota);text-align:center;background-color:var(--surface-color);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:400px;padding:48px;transition:all .3s;display:flex}.upload-zone:hover{background-color:var(--rosa-claro);border-color:var(--marron-vino)}.upload-zone h3{color:var(--marron-vino);margin-top:16px;margin-bottom:8px}.upload-zone p{color:var(--text-muted)}.staging-layout{flex:1;grid-template-columns:350px 1fr;gap:24px;min-height:0;display:grid}.staging-list{background-color:var(--surface-color);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.staging-list-header{border-bottom:1px solid var(--border-color);flex-direction:column;gap:12px;padding:16px;display:flex}.staging-list-header h3{color:var(--marron-vino);margin:0;font-size:16px}.orders-staging-grid{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.staging-card{border:1px solid var(--border-color);cursor:pointer;background-color:var(--background-color);border-radius:8px;padding:12px;transition:all .2s}.staging-card:hover{border-color:var(--rosa-terracota)}.staging-card.selected{border-color:var(--marron-vino);box-shadow:0 0 0 1px var(--marron-vino);background-color:var(--rosa-claro)}.staging-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.order-number{color:var(--text-color);font-weight:600}.staging-client{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:14px;overflow:hidden}.staging-details{color:var(--text-muted);justify-content:space-between;font-size:12px;display:flex}.badge-error{background-color:var(--danger-bg);color:var(--danger-text);border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:500;display:inline-flex}.badge-success{background-color:var(--success-bg);color:var(--success-text);border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:500;display:inline-flex}.staging-detail-panel{background-color:var(--surface-color);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.detail-panel-content{flex:1;padding:24px;overflow-y:auto}.detail-panel-content h2{color:var(--marron-vino);margin-bottom:24px;font-family:Playfair Display,serif;font-size:20px}.detail-section{flex-direction:column;flex:1;gap:8px;margin-bottom:16px;display:flex}.detail-section label{color:var(--text-muted);font-size:13px;font-weight:500}.empty-detail{height:100%;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;padding:48px;display:flex}.product-quote-card{border:1px solid var(--border-color);background-color:var(--background-color);border-radius:8px;margin-bottom:16px;padding:16px}.product-quote-header{border-bottom:1px dashed var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.product-quote-header h4{color:var(--text-color);margin:0;font-size:15px}.margins-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.margin-input{flex-direction:column;gap:4px;display:flex}.margin-input label{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.margin-input input{border:1px solid var(--border-color);border-radius:6px;width:100%;padding:6px 8px;font-size:13px}.margin-input input:focus{border-color:var(--rosa-terracota);outline:none}.materials-section{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:12px}.materials-section h5{color:var(--text-color);margin:0 0 8px;font-size:13px}.empty-materials{color:var(--text-muted);margin:0 0 8px;font-size:12px;font-style:italic}.investments-container{background-color:var(--bg-app);flex-direction:column;gap:24px;height:100%;padding:24px;display:flex;overflow-y:auto}.investments-header{justify-content:space-between;align-items:center;display:flex}.investments-header h1{color:var(--text-main);margin-bottom:4px;font-size:1.5rem}.investments-header p{color:var(--text-muted);margin:0;font-size:.95rem}.header-actions{gap:12px;display:flex}.roi-dashboard{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.kpi-card-inv{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:24px;display:flex}.kpi-icon-inv{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.kpi-info-inv{flex-direction:column;display:flex}.kpi-title-inv{color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:.85rem;font-weight:500}.kpi-value-inv{color:var(--text-main);font-size:1.75rem;font-weight:700}.roi-progress-panel{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px}.roi-progress-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.roi-progress-header h3{color:var(--text-main);margin:0;font-size:1.1rem}.roi-percentage{color:var(--accent-primary);font-weight:700}.progress-bar-bg{background-color:var(--rosa-claro);border-radius:8px;width:100%;height:16px;margin-bottom:12px;overflow:hidden}.progress-bar-fill{height:100%;transition:width .5s}.roi-insight{color:var(--text-muted);margin:0;font-size:.95rem}.investments-table-panel{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px}.investments-table-panel h3{color:var(--text-main);margin:0 0 16px;font-size:1.1rem}.inv-table{border-collapse:collapse;width:100%}.inv-table th,.inv-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:12px 16px}.inv-table th{color:var(--text-muted);text-transform:uppercase;font-size:.85rem;font-weight:600}.inv-table td{color:var(--text-main);font-size:.95rem}.badge-msi{background-color:var(--bg-surface-alt);color:var(--text-main);border-radius:4px;margin-left:8px;padding:2px 6px;font-size:.75rem;font-weight:600;display:inline-block}.badge-status{border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-status.liquidado{background-color:var(--success-bg);color:var(--success-text)}.badge-status.pendiente{background-color:var(--warning-bg);color:var(--warning-text)}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-surface);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h2{color:var(--text-main);margin:0;font-size:1.25rem}.icon-button{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.icon-button:hover{background-color:var(--bg-app);color:var(--text-main)}.action-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:6px;transition:all .2s}.action-btn:hover{background-color:var(--bg-app);color:var(--text-main)}.side-panel-overlay{z-index:999;opacity:0;background-color:#0006;animation:.3s forwards fadeIn;position:fixed;inset:0}.side-panel{background-color:var(--bg-surface);z-index:1000;flex-direction:column;width:100%;max-width:450px;animation:.3s forwards slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-5px 0 25px #0000001a}.side-panel-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-surface);justify-content:space-between;align-items:center;padding:24px;display:flex}.side-panel-header h2{color:var(--marron-vino);margin:0;font-family:Playfair Display,serif;font-size:1.25rem}.side-panel-content{flex:1;padding:24px;overflow-y:auto}.side-panel-footer{border-top:1px solid var(--border-color);background-color:var(--bg-surface);justify-content:flex-end;gap:12px;padding:24px;display:flex}.side-panel-content .form-group{margin-bottom:20px}.side-panel-content label{color:var(--text-muted);margin-bottom:8px;font-size:.85rem;font-weight:500;display:block}.side-panel-content input[type=text],.side-panel-content input[type=number],.side-panel-content input[type=date]{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-app);width:100%;color:var(--text-main);padding:10px 12px;font-size:.95rem;transition:all .2s}.side-panel-content input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #c97c7c1a}@keyframes slideInRight{to{transform:translate(0)}}:root{--negro:#000;--marron-vino:#603b41;--rosa-terracota:#c97c7c;--rosa-claro:#fff5f3;--blanco-crema:#fefbfa;--rosa-nude:#fff4f2;--bg-app:var(--blanco-crema);--bg-surface:#fff;--bg-surface-alt:var(--rosa-nude);--text-main:var(--marron-vino);--text-muted:#8c5b63;--accent-primary:var(--rosa-terracota);--accent-hover:#b86969;--border-color:var(--rosa-claro);--shadow-sm:0 2px 8px #603b410d;--shadow-md:0 4px 16px #603b4114;--radius-md:12px;--radius-lg:16px;--success-bg:#ecfdf5;--success-text:#10b981;--success-border:#10b981;--danger-bg:#fef2f2;--danger-text:#ef4444;--danger-border:#ef4444;--info-bg:#eff6ff;--info-text:#1e40af;--info-border:#3b82f6;--warning-bg:#fffbeb;--warning-text:#f59e0b}[data-theme=dark]{--bg-app:#1e1315;--bg-surface:#2c1c1f;--bg-surface-alt:#382428;--text-main:var(--blanco-crema);--text-muted:#a38c90;--accent-primary:var(--rosa-terracota);--accent-hover:#d28c8c;--border-color:#3d262a;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--success-bg:#064e3b;--success-text:#34d399;--success-border:#059669;--danger-bg:#450a0a;--danger-text:#f87171;--danger-border:#dc2626;--info-bg:#172554;--info-text:#60a5fa;--info-border:#2563eb;--warning-bg:#451a03;--warning-text:#fbbf24}[data-theme=dark] .nav-item.active{color:var(--accent-primary)!important}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-family:Poppins,sans-serif;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:700}.signature-font{font-family:Dancing Script,cursive;font-weight:600}.logo-dark,[data-theme=dark] .logo-light{display:none}[data-theme=dark] .logo-dark{display:inline-block}.surface{background-color:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:24px;transition:background-color .3s,border-color .3s,box-shadow .3s}.btn-primary{background-color:var(--accent-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-family:Poppins,sans-serif;font-weight:500;transition:background-color .2s,transform .1s;display:inline-flex}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background-color:var(--bg-surface-alt);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-family:Poppins,sans-serif;font-weight:500;transition:background-color .2s;display:inline-flex}.btn-secondary:hover{background-color:var(--border-color)}.btn-dashed{width:100%;color:var(--marron-vino);border:1px dashed var(--accent-primary);cursor:pointer;background-color:#f5c5c34d;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:6px;font-size:.75rem;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex}.btn-dashed:hover{background-color:#f5c5c380}[data-theme=dark] .btn-dashed{color:var(--accent-primary);background-color:#c97c7c26}[data-theme=dark] .btn-dashed:hover{background-color:#c97c7c40}.sidebar-toggle-btn{z-index:100;background-color:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;width:28px;height:28px;color:var(--text-muted);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;transition:left .3s,background-color .2s,color .2s,transform .2s;display:flex;position:absolute;top:35px}.sidebar-toggle-btn:hover{background-color:var(--bg-surface-alt);color:var(--accent-primary)}.nav-item{color:var(--text-main);border-radius:8px;align-items:center;gap:12px;min-height:36px;padding:8px 12px;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.nav-item:hover{background-color:var(--bg-surface-alt)}.nav-item.active{color:var(--marron-vino);border-left:3px solid var(--accent-primary);background:linear-gradient(90deg,#c97c7c1f,#0000);border-top-left-radius:2px;border-bottom-left-radius:2px}.input-field{border:1px solid var(--border-color);background-color:var(--bg-app);width:100%;color:var(--text-main);border-radius:8px;min-height:44px;padding:12px;font-family:Poppins,sans-serif;font-size:16px;transition:border-color .2s}.input-field:focus{border-color:var(--accent-primary);outline:none}.input-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.auth-layout{flex-direction:column;width:100%;min-height:100vh;display:flex}@media (width>=768px){.auth-layout{flex-direction:row}}.auth-brand-pane{display:none;position:relative}@media (width>=768px){.auth-brand-pane{background-color:var(--rosa-claro);flex:6;justify-content:center;align-items:center;display:flex;overflow:hidden}}.auth-brand-bg{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.auth-brand-overlay{z-index:2;background-color:#0000006b;width:100%;height:100%;position:absolute;top:0;left:0}.auth-brand-content{z-index:3;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:relative}.auth-logo{width:100%;max-width:300px}.auth-form-pane{background-color:var(--bg-app);flex:4;justify-content:center;align-items:center;padding:24px;display:flex}.auth-form-container{width:100%;max-width:440px}.sidebar{transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible!important}.sidebar-content-fade{transition:opacity .2s}.user-profile-section{background-color:var(--bg-surface-alt);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:12px;margin-top:auto;padding:12px;display:flex;position:relative}.user-avatar{background-color:var(--accent-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:600;display:flex}.user-info{flex-direction:column;flex:1;display:flex;overflow:hidden}.user-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-main);font-size:.85rem;font-weight:600;overflow:hidden}.user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.settings-gear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:1.1rem;transition:background-color .2s,color .2s;display:flex}.settings-gear:hover{background-color:var(--border-color);color:var(--text-main)}.settings-popover{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:50;flex-direction:column;min-width:220px;padding:8px 0;display:flex;position:absolute;bottom:0;left:calc(100% + 14px)}.settings-popover:before{content:"";background-color:var(--bg-surface);border-left:1px solid var(--border-color);border-bottom:1px solid var(--border-color);width:10px;height:10px;position:absolute;bottom:12px;left:-6px;transform:rotate(45deg)}.settings-popover-item{align-items:center;width:100%;padding:8px 16px;display:flex}.settings-popover-divider{background-color:var(--border-color);height:1px;margin:4px 0}.logout-row{color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;font-size:.9rem;font-weight:600}.logout-row:hover{background-color:var(--bg-surface-alt)}.cotizador-layout{grid-template-columns:1fr 300px;align-items:start;gap:24px;display:grid;position:relative}@media (width<=900px){.cotizador-layout{grid-template-columns:1fr}}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}.girly-tooltip-container{align-items:center;display:inline-flex;position:relative}.girly-tooltip{background-color:var(--rosa-claro);color:var(--marron-vino);white-space:pre-line;opacity:0;visibility:hidden;z-index:100;border:1px solid #e11d481a;border-radius:12px;width:max-content;padding:12px 16px;font-size:.8rem;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%)translate(10px);box-shadow:0 4px 16px #e11d4826}[data-theme=dark] .girly-tooltip{background-color:var(--bg-surface);color:var(--text-main);border-color:var(--border-color);box-shadow:0 4px 16px #0000004d}.girly-tooltip:after{content:"";border-style:solid;border-width:6px;border-color:transparent transparent transparent var(--rosa-claro);position:absolute;top:50%;left:100%;transform:translateY(-50%)}[data-theme=dark] .girly-tooltip:after{border-color:transparent transparent transparent var(--bg-surface)}.girly-tooltip.tooltip-bottom-right{top:calc(100% + 10px);left:0;right:auto;transform:translateY(-10px)}.girly-tooltip-container:hover .girly-tooltip.tooltip-bottom-right,.girly-tooltip-container:focus-within .girly-tooltip.tooltip-bottom-right{transform:translateY(0)}.girly-tooltip.tooltip-bottom-right:after{border-color:transparent transparent var(--rosa-claro) transparent;top:auto;bottom:100%;left:12px;transform:none}[data-theme=dark] .girly-tooltip.tooltip-bottom-right:after{border-color:transparent transparent var(--bg-surface) transparent}.girly-tooltip.tooltip-row-centered{margin:0 auto;top:calc(100% + 10px);left:0;right:0;transform:translateY(-10px)}.girly-tooltip-container:hover .girly-tooltip.tooltip-row-centered,.girly-tooltip-container:focus-within .girly-tooltip.tooltip-row-centered{transform:translateY(0)}.girly-tooltip.tooltip-row-centered:after{display:none}.girly-tooltip-container:hover .girly-tooltip,.girly-tooltip-container:focus-within .girly-tooltip{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}.girly-tooltip-icon{color:var(--accent-primary);cursor:help;margin-left:6px;transition:transform .2s;display:inline-flex}.girly-tooltip-container:hover .girly-tooltip-icon{transform:scale(1.1)rotate(5deg)}.custom-checkbox{appearance:none;background-color:var(--bg-app);font:inherit;color:var(--accent-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;place-content:center;width:1.15em;height:1.15em;margin:0;transition:all .2s;display:grid}.custom-checkbox:before{content:"";width:.65em;height:.65em;box-shadow:inset 1em 1em var(--accent-primary);background-color:var(--accent-primary);transform-origin:50%;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transition:transform .12s ease-in-out;transform:scale(0)}.custom-checkbox:checked:before{transform:scale(1)}.custom-checkbox:checked{border-color:var(--accent-primary);background-color:var(--bg-surface-alt)}.custom-date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:opacity(.6);transition:filter .2s}.custom-date-input::-webkit-calendar-picker-indicator:hover{filter:opacity()}[data-theme=dark] .custom-date-input::-webkit-calendar-picker-indicator{filter:invert()opacity(.7)}[data-theme=dark] .custom-date-input::-webkit-calendar-picker-indicator:hover{filter:invert()opacity()}@keyframes calculate-pulse{0%{box-shadow:0 0 0 0 var(--c-accent,#c97c7cb3);transform:scale(1)}70%{transform:scale(1.1);box-shadow:0 0 0 10px #c97c7c00}to{transform:scale(1);box-shadow:0 0 #c97c7c00}}.btn-calculate-pulse{border:2px solid var(--c-accent);animation:1.5s infinite calculate-pulse}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}details>summary .details-chevron{transform:rotate(180deg)}details[open]>summary .details-chevron{transform:rotate(-90deg)}.mobile-header,.sidebar-overlay{display:none}@media (width<=768px){.mobile-header{background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);z-index:90;justify-content:space-between;align-items:center;height:60px;padding:12px 20px;display:flex;position:sticky;top:0}.sidebar{z-index:100;height:100vh;top:0;left:-100%;width:280px!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important}.sidebar.mobile-open{left:0}.sidebar-toggle-btn{display:none!important}.sidebar-overlay{z-index:95;opacity:0;visibility:hidden;background-color:#00000080;width:100vw;height:100vh;transition:opacity .3s,visibility .3s;display:block;position:fixed;top:0;left:0}.sidebar-overlay.mobile-open{opacity:1;visibility:visible}.surface{padding:16px}.table-responsive{margin-bottom:16px}@media (width<=900px){.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}}}.cotizador-table-header{z-index:9;background-color:var(--bg-surface);position:sticky;top:94px;box-shadow:0 2px 4px #00000005}@media (width<=900px){.cotizador-main-container{flex-direction:column!important;padding:16px 16px 80px!important}.cotizador-sidebar{display:none!important}.mobile-resumen-btn{display:block!important}.cotizador-table-header{position:static}.btn-add-responsive .hide-mobile{display:none}.btn-add-responsive .show-mobile{display:inline!important}.btn-add-responsive{font-weight:700;padding:4px 8px!important;font-size:1.1rem!important}}.mobile-resumen-btn,.mobile-auth-logo{display:none}@media (width<=767px){.mobile-auth-logo{justify-content:center;margin-bottom:70px;display:flex}.mobile-auth-logo img{width:150%;max-width:200px}}[data-theme=dark] .logo-light-theme{display:none!important}[data-theme=dark] .logo-dark-theme{display:block!important}:root:not([data-theme=dark]) .logo-dark-theme{display:none!important}:root:not([data-theme=dark]) .logo-light-theme{display:block!important}.compact-input{min-height:36px!important;padding:8px 12px!important;font-size:.85rem!important}