.card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;overflow:hidden}.card__header{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:1.25rem;font-weight:600;padding:.5rem}.card__body{padding:.5rem}.home-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.home-loading p{color:#6b7280;font-size:1rem}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.chart-loading{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center;min-height:300px}.chart-loading p{color:#6b7280;font-size:.9rem}.loading-spinner-small{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:32px;width:32px}.home h1{color:#1f2937;margin-bottom:2rem}@media(max-width:768px){.home h1{font-size:1.5rem;margin-bottom:1.5rem}}.home h2{color:#1f2937;margin:2rem 0 1rem}@media(max-width:768px){.home h2{font-size:1.25rem;margin:1.5rem 0 1rem}}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stats-grid .stat-value{color:#3b82f6;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stats-grid .stat-label{color:#6b7280;font-size:.9rem;margin-bottom:.25rem}.stats-grid .stat-sublabel{color:#6b7280;font-size:.8rem;margin-top:.25rem;opacity:.8}.stats-grid .stat-comparison{font-size:.875rem;font-weight:600;margin-top:.5rem}.stats-grid .stat-comparison.positive{color:#2e7d32}.stats-grid .stat-comparison.negative{color:#c62828}.dashboard-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem;margin-top:2rem}.dashboard-content .list-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;padding:.75rem 0}.dashboard-content .list-item:last-child{border-bottom:none}.dashboard-content .list-item__rank{color:#3b82f6;font-size:.9rem;font-weight:700;min-width:30px}.dashboard-content .list-item__name{color:#1f2937;flex:1 1;font-weight:500}.dashboard-content .list-item__value{color:#6b7280;font-size:.9rem;white-space:nowrap}.list-item-compact{align-items:center;border-bottom:1px solid #e5e7eb80;display:flex;gap:1rem;padding:.75rem 0}.list-item-compact:last-child{border-bottom:none}.list-item__rank{color:#3b82f6;font-size:.9rem;font-weight:700;min-width:30px}.list-item__name{color:#1f2937;flex:1 1;font-weight:500}.list-item__value{color:#6b7280;font-size:.9rem;font-weight:500;white-space:nowrap}.summary-stats{gap:1.25rem}.summary-item,.summary-stats{display:flex;flex-direction:column}.summary-item{border-bottom:1px solid #e5e7eb80;gap:.25rem;padding:.75rem 0}.summary-item:last-child{border-bottom:none}.summary-item__label{color:#6b7280;font-size:.875rem;font-weight:500}.summary-item__value{color:#3b82f6;font-size:1.5rem;font-weight:700}.dashboard-section{border-top:2px solid #e5e7eb;margin-top:3rem;padding-top:2rem}.dashboard-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.dashboard-section .section-header h2{margin:0}.dashboard-section .section-header .month-selector{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;color:#1f2937;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1rem;transition:border-color .2s ease}.dashboard-section .section-header .month-selector:hover{border-color:#3b82f6}.dashboard-section .section-header .month-selector:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.quick-actions{margin-top:3rem}.actions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:2rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.action-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}.action-card h3{color:#1f2937;font-size:1.25rem;margin:0 0 .5rem}.action-card p{color:#6b7280;font-size:.9rem;margin:0}.action-card--primary{background:linear-gradient(135deg,#3b82f6,#0b63f3)}.action-card--primary h3,.action-card--primary p,.fab{color:#fff}.fab{align-items:center;background:linear-gradient(135deg,#3b82f6,#0b63f3);border-radius:50%;bottom:2rem;box-shadow:0 4px 12px #00000026,0 8px 24px #3b82f64d;cursor:pointer;display:flex;height:64px;justify-content:center;position:fixed;right:2rem;text-decoration:none;transition:all .3s ease;width:64px;z-index:100}@media(max-width:768px){.fab{display:none}}.fab svg{stroke-width:2.5;height:28px;width:28px}.fab:hover{box-shadow:0 6px 16px #0003,0 12px 32px #3b82f666;transform:scale(1.1) rotate(90deg)}.fab:active{transform:scale(.95) rotate(90deg)}.fab:before{animation:pulse 2s ease-out infinite;background:#3b82f6;border-radius:50%;content:"";height:100%;opacity:0;position:absolute;width:100%}.chart-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.chart-header h3{color:#1f2937;font-size:1.25rem;margin:0}.chart-header .chart-controls{display:flex;flex-wrap:wrap;gap:1rem}.chart-header .toggle-group{background:#f0f0f0;border-radius:6px;display:flex;gap:2px;padding:2px}.chart-header .toggle-btn{background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:.875rem;font-weight:500;padding:6px 16px;transition:all .2s ease}.chart-header .toggle-btn:hover{background:#0066cc1a;color:#3b82f6}.chart-header .toggle-btn.active{background:#3b82f6;box-shadow:0 2px 4px #06c3;color:#fff}.chart-container{margin-top:1rem;min-height:300px}.btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:600;gap:.5rem;justify-content:center;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--small{font-size:.875rem;padding:.4rem 1rem}@media(max-width:768px){.btn--small{font-size:15px;min-height:44px;padding:.6rem 1.2rem}}.btn--medium{font-size:1rem;padding:.6rem 1.5rem}@media(max-width:768px){.btn--medium{font-size:16px;min-height:48px;padding:.75rem 1.5rem}}.btn--large{font-size:1.125rem;padding:.8rem 2rem}@media(max-width:768px){.btn--large{font-size:18px;min-height:52px;padding:1rem 2rem}}.btn--primary{background-color:#3b82f6;color:#fff}.btn--primary:hover:not(:disabled){background-color:#0b63f3}.btn--secondary{background-color:#6b7280;color:#fff}.btn--secondary:hover:not(:disabled){background-color:#545964}.btn--danger{background-color:#ef4444;color:#fff}.btn--danger:hover:not(:disabled){background-color:#eb1515}.btn--success{background-color:#10b981;color:#fff}.btn--success:hover:not(:disabled){background-color:#0c8a60}.btn--full-width{width:100%}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}@media(max-width:768px){.table-container{background:linear-gradient(90deg,#fff 30%,#fff0),linear-gradient(90deg,#fff0,#fff 70%) 100% 0,radial-gradient(farthest-side at 0 50%,#0003,#0000),radial-gradient(farthest-side at 100% 50%,#0003,#0000) 100% 0;background-attachment:local,local,scroll,scroll;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;margin:0 -1rem;padding:0 1rem}}.table{background:#fff;border-collapse:collapse;width:100%}.table__head{background-color:#f3f4f6}.table__header{border-bottom:2px solid #e5e7eb;color:#1f2937;font-weight:600;padding:1rem;text-align:left;white-space:nowrap}@media(max-width:768px){.table__header{background-color:#f3f4f6;font-size:14px;padding:.75rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}}.table__body .table__row{transition:background-color .2s ease}.table__body .table__row:hover{background-color:#3b82f60d}@media(max-width:768px){.table__body .table__row:active{background-color:#3b82f61a}}.table__cell{border-bottom:1px solid #e5e7eb;color:#6b7280;padding:1rem}@media(max-width:768px){.table__cell{font-size:14px;padding:.75rem;white-space:nowrap}.table__cell:last-child{padding:.5rem}}.table-empty,.table-loading{color:#6b7280;padding:3rem;text-align:center}.product-list{padding:2rem}@media(max-width:768px){.product-list{padding:1rem 1rem 100px}}.product-list__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}@media(max-width:768px){.product-list__header{align-items:stretch;flex-direction:column;gap:1rem}}.product-list__header h1{color:#1f2937;margin:0}@media(max-width:768px){.product-list__header h1{font-size:1.5rem}}.product-list__header .header-actions{align-items:center;display:flex;gap:1rem}.product-list__header .view-toggle{background:#f8f9fa;border-radius:.5rem;display:flex;gap:.25rem;padding:.25rem}.product-list__header .view-toggle .view-btn{background:#0000;border:none;border-radius:calc(.5rem - 2px);color:#6b7280;cursor:pointer;padding:.5rem .75rem;transition:all .2s ease}.product-list__header .view-toggle .view-btn:hover{background:#fff;color:#3b82f6}.product-list__header .view-toggle .view-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#3b82f6}.product-list__header .view-toggle .view-btn svg{display:block}.product-list .loading{color:#6b7280;padding:3rem;text-align:center}.product-list .empty-message{color:#6b7280;padding:2rem;text-align:center}.products-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.products-grid .product-card{padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.products-grid .product-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.products-grid .product-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.products-grid .product-card__header .product-icon{font-size:2.5rem}.products-grid .product-card__name{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.products-grid .product-card__price{color:#3b82f6;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.products-grid .product-card__ingredients{margin-bottom:1rem}.products-grid .product-card__ingredients .ingredients-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:.35rem .75rem}.products-grid .product-card__actions{border-top:1px solid #e5e7eb;display:flex;gap:.5rem;padding-top:1rem}.products-grid .product-card__actions a,.products-grid .product-card__actions button{flex:1 1}.actions{display:flex;gap:.5rem}.badge{border-radius:1rem;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.badge--success{background-color:#10b9811a;color:#10b981}.badge--danger{background-color:#ef44441a;color:#ef4444}.alert{border-radius:.5rem;margin-bottom:1rem;padding:1rem}.alert--danger{background-color:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.alert--success{background-color:#10b9811a;border:1px solid #10b9814d;color:#10b981}.input-group{margin-bottom:1rem}.input-group__label{color:#1f2937;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}@media(max-width:768px){.input-group__label{font-size:16px;margin-bottom:.75rem}}.input-group__required{color:#ef4444}.input-group__input{border:1px solid #e5e7eb;border-radius:.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.input-group__input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.input-group__input:disabled{background-color:#f5f5f5;cursor:not-allowed}.input-group__input--error{border-color:#ef4444}@media(max-width:768px){.input-group__input{border-width:2px;font-size:16px!important;min-height:48px;padding:12px 16px}}.input-group__error{color:#ef4444;display:block;font-size:.75rem;margin-top:.25rem}textarea.input-group__input{min-height:100px;resize:vertical}.autocomplete{position:relative;width:100%}.autocomplete__label{color:#1f2937;display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.autocomplete__required{color:#ef4444}.autocomplete__input{border:1px solid #e5e7eb;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.autocomplete__input:focus{border-color:#3b82f6;outline:none}.autocomplete__input:disabled{background-color:#f3f4f6;cursor:not-allowed}.autocomplete__dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:1000}.autocomplete__option{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;transition:background-color .2s}.autocomplete__option--highlighted,.autocomplete__option:hover{background-color:#f3f4f6}.autocomplete__option--selected{background-color:#3b82f61a;font-weight:500}.autocomplete__option-label{color:#1f2937;flex:1 1}.autocomplete__option-secondary{color:#6b7280;font-size:.9rem;margin-left:1rem}.autocomplete__no-results{background:#fff;border:1px solid #e5e7eb;border-radius:0 0 4px 4px;border-top:none;color:#6b7280;padding:1rem;text-align:center}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast{align-items:center;animation:slideInRight .3s ease-out;background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;gap:12px;max-width:500px;min-width:300px;padding:14px 16px}@media(max-width:768px){.toast{font-size:14px;max-width:calc(100vw - 32px);min-width:calc(100vw - 32px);padding:12px 14px}}.toast__icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:24px;justify-content:center;width:24px}@media(max-width:768px){.toast__icon{font-size:14px;height:22px;width:22px}}.toast__message{color:#333;flex:1 1;font-size:14px;line-height:1.4}@media(max-width:768px){.toast__message{font-size:13px}}.toast__close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:24px}.toast__close:hover{background:#0000000d;color:#333}.toast--success{border-left-color:#10b981}.toast--success .toast__icon{background:#10b981}.toast--error{border-left-color:#ef4444}.toast--error .toast__icon{background:#ef4444}.toast--warning{border-left-color:#f59e0b}.toast--warning .toast__icon{background:#f59e0b}.toast--info{border-left-color:#3b82f6}.toast--info .toast__icon{background:#3b82f6}.toast.closing{animation:slideOutRight .3s ease-in}.toast-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:16px;top:80px;z-index:9999}@media(max-width:768px){.toast-container{left:16px;right:16px;top:70px}}.toast-container>*{pointer-events:all}.product-create{margin:0 auto;max-width:800px;padding:2rem}@media(max-width:768px){.product-create{padding:1rem 1rem 100px}}.product-create .ingredient-section{background-color:#f3f4f6;border-radius:.5rem;margin:2rem 0;padding:1.5rem}.product-create .ingredient-section h3{color:#1f2937;margin:0 0 1rem}.product-create .ingredient-section h4{color:#6b7280;font-size:.9rem;margin:1rem 0 .5rem}.product-create .ingredient-form{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:2fr 1fr auto}.product-create .ingredient-form .autocomplete-container,.product-create .ingredient-form .input-group,.product-create .ingredient-form>*{margin-bottom:0}.product-create .ingredient-form button{height:47px;padding:0 1.5rem}.product-create .select-input{border:1px solid #e5e7eb;border-radius:.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;padding:.75rem;width:100%}.product-create .select-input:focus{border-color:#3b82f6;outline:none}.product-create .ingredients-list{margin-top:1rem}.product-create .ingredient-item{align-items:center;background:#fff;border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.product-create .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.ingredient-list{padding:2rem}@media(max-width:768px){.ingredient-list{padding:1rem 1rem 100px}}.ingredient-list__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}@media(max-width:768px){.ingredient-list__header{align-items:stretch;flex-direction:column;gap:1rem}}.ingredient-list__header h1{color:#1f2937;margin:0}@media(max-width:768px){.ingredient-list__header h1{font-size:1.5rem}.ingredient-list__header .btn{font-size:16px;min-height:52px;width:100%}}.stock-low{color:#ef4444;font-weight:600}.usage-badge{border:1px solid;border-radius:12px;display:inline-block;font-size:.8125rem;font-weight:500;padding:.35rem .75rem}.usage-badge--active{background-color:#e8f4f8;border-color:#bee5eb;color:#0c5460}.usage-badge--inactive{background-color:#f8f9fa;border-color:#dee2e6;color:#6c757d}.ingredient-create{margin:0 auto;max-width:600px;padding:2rem}@media(max-width:768px){.ingredient-create{padding:1rem 1rem 100px}}.ingredient-create .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}@media(max-width:768px){.ingredient-create .form-actions{flex-direction:column-reverse;gap:.75rem}.ingredient-create .form-actions button{font-size:16px;font-weight:600;min-height:52px;width:100%}}.cliente-list{padding:2rem 2rem 6rem}@media(max-width:768px){.cliente-list{padding:1rem 1rem 100px}}.cliente-list .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}@media(max-width:768px){.cliente-list .page-header{align-items:stretch;flex-direction:column;gap:1rem;margin-bottom:1.5rem}}.cliente-list .page-header h1{color:#333;font-size:2rem;margin:0}@media(max-width:768px){.cliente-list .page-header h1{font-size:1.5rem}.cliente-list .page-header .btn{font-size:16px;min-height:52px;width:100%}}.cliente-list .search-bar-large{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}@media(max-width:768px){.cliente-list .search-bar-large{flex-direction:column;gap:.75rem;margin-bottom:1.5rem}}.cliente-list .search-bar-large .search-input-large{border:2px solid #e5e7eb;border-radius:.5rem;flex:1 1;font-size:1.125rem;min-height:52px;padding:1rem 1.25rem;transition:all .2s ease}@media(max-width:768px){.cliente-list .search-bar-large .search-input-large{font-size:16px;padding:.95rem 1rem;width:100%}}.cliente-list .search-bar-large .search-input-large:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.cliente-list .search-bar-large .search-input-large::placeholder{color:#6b7280}@media(max-width:768px){.cliente-list .search-bar-large button{min-height:48px;width:100%}}.cliente-list .badge-vip{align-items:center;background-color:#fffbf0;border:1px solid #daa520;border-radius:3px;color:#b8860b;display:inline-flex;font-size:.65rem;font-weight:600;gap:.25rem;letter-spacing:.3px;padding:.2rem .5rem;text-transform:uppercase}.cliente-list .error-message{background-color:#fee;border-radius:4px;color:#c33;margin-bottom:1rem;padding:1rem}.cliente-list .actions{display:flex;gap:.5rem}.cliente-list .actions-compact{align-items:center;display:flex;gap:.5rem}.cliente-list .actions-compact .action-link{text-decoration:none}.cliente-list .actions-compact .action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;gap:.35rem;padding:.5rem .75rem;position:relative;transition:all .2s ease;white-space:nowrap}.cliente-list .actions-compact .action-btn svg{flex-shrink:0}.cliente-list .actions-compact .action-btn[data-tooltip]:before{background:#000000e6;border-radius:6px;bottom:calc(100% + 8px);color:#fff;content:attr(data-tooltip);font-size:.75rem;font-weight:500;left:50%;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(4px);transition:all .2s ease;white-space:nowrap;z-index:1000}.cliente-list .actions-compact .action-btn[data-tooltip]:after{border:6px solid #0000;border-top-color:#000000e6;bottom:calc(100% + 2px);content:"";left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .2s ease}.cliente-list .actions-compact .action-btn[data-tooltip]:hover:after,.cliente-list .actions-compact .action-btn[data-tooltip]:hover:before{opacity:1;transform:translateX(-50%) translateY(0)}.cliente-list .actions-compact .action-btn--primary{background:#3b82f6;border:1px solid #2372f5;color:#fff}.cliente-list .actions-compact .action-btn--primary:hover{background:#2372f5;box-shadow:0 2px 8px #3b82f640;transform:translateY(-1px)}.cliente-list .actions-compact .action-btn--primary:active{transform:translateY(0)}.cliente-list .actions-compact .action-btn--info{background:#e3f2fd;color:#1976d2}.cliente-list .actions-compact .action-btn--info:hover{background:#bbdefb;transform:translateY(-2px)}.cliente-list .actions-compact .action-btn--info:active{transform:translateY(0)}.cliente-list .actions-compact .action-btn--secondary{background:#f5f5f5;color:#616161}.cliente-list .actions-compact .action-btn--secondary:hover{background:#e0e0e0;transform:translateY(-2px)}.cliente-list .actions-compact .action-btn--secondary:active{transform:translateY(0)}.cliente-list .actions-compact .action-btn--danger{background:#ffebee;color:#c62828}.cliente-list .actions-compact .action-btn--danger:hover{background:#ffcdd2;transform:translateY(-2px)}.cliente-list .actions-compact .action-btn--danger:active{transform:translateY(0)}.cliente-list .ventas-count{color:#1f2937;font-size:.9375rem;font-weight:500}.cliente-list .pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.cliente-list .pagination span{font-weight:500}.cliente-list .fab{align-items:center;background:#3b82f6;border-radius:50%;bottom:2rem;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:2rem;text-decoration:none;transition:all .2s ease;width:56px;z-index:100}.cliente-list .fab svg{stroke-width:2.5;height:24px;width:24px}.cliente-list .fab:hover{background:#2372f5;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.cliente-list .fab:active{transform:translateY(0)}.cliente-form{margin:0 auto;max-width:800px;padding:2rem}@media(max-width:768px){.cliente-form{padding:1rem 1rem 100px}}.cliente-form .page-header{margin-bottom:2rem}@media(max-width:768px){.cliente-form .page-header{margin-bottom:1.5rem}}.cliente-form .page-header h1{color:#333;font-size:2rem;margin:0}@media(max-width:768px){.cliente-form .page-header h1{font-size:1.5rem}}.cliente-form form .input-group{margin-bottom:1.5rem}@media(max-width:768px){.cliente-form form .input-group{margin-bottom:1rem}}.cliente-form form .input-group label{color:#333;display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.cliente-form form .input-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1rem;min-height:80px;padding:.75rem;resize:vertical;width:100%}@media(max-width:768px){.cliente-form form .input-group textarea{border-width:2px;font-size:16px;min-height:100px;padding:.85rem}}.cliente-form form .input-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.cliente-form form .form-actions{border-top:1px solid #eee;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem}@media(max-width:768px){.cliente-form form .form-actions{flex-direction:column-reverse;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem}.cliente-form form .form-actions button{font-size:16px;font-weight:600;min-height:52px;width:100%}}.cliente-detail{margin:0 auto;max-width:1400px;padding:2rem}@media(max-width:768px){.cliente-detail{padding:1rem 1rem 100px}}.cliente-detail .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}@media(max-width:768px){.cliente-detail .page-header{align-items:stretch;flex-direction:column;gap:1rem;margin-bottom:1.5rem}}.cliente-detail .page-header h1{color:#1f2937;font-size:2rem;margin:0}@media(max-width:768px){.cliente-detail .page-header h1{font-size:1.5rem}}.cliente-detail .page-header .header-actions{display:flex;gap:1rem}@media(max-width:768px){.cliente-detail .page-header .header-actions{flex-direction:column;gap:.75rem}.cliente-detail .page-header .header-actions button{font-size:16px;min-height:48px;width:100%}}.cliente-detail .cliente-info{margin-bottom:2rem}.cliente-detail .cliente-info .info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.cliente-detail .cliente-info .info-grid .info-item{display:flex;flex-direction:column;gap:.5rem}.cliente-detail .cliente-info .info-grid .info-item.full-width{grid-column:1/-1}.cliente-detail .cliente-info .info-grid .info-item .info-label{color:#6b7280;font-size:.9rem;font-weight:600}.cliente-detail .cliente-info .info-grid .info-item .info-value{color:#1f2937;font-size:1.1rem}.cliente-detail .estadisticas-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.cliente-detail .estadisticas-grid .stat-value{color:#3b82f6;font-size:2rem;font-weight:700;margin-bottom:.5rem}.cliente-detail .estadisticas-grid .stat-label{color:#6b7280;font-size:.9rem}.cliente-detail .empty-message{color:#6b7280;padding:2rem;text-align:center}.cliente-detail .ventas-list{display:flex;flex-direction:column;gap:1.5rem}.cliente-detail .ventas-list .venta-card{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem}.cliente-detail .ventas-list .venta-card .venta-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.cliente-detail .ventas-list .venta-card .venta-header .venta-info{align-items:center;display:flex;gap:1rem}.cliente-detail .ventas-list .venta-card .venta-header .venta-info .venta-id{color:#1f2937;font-size:1.1rem;font-weight:600}.cliente-detail .ventas-list .venta-card .venta-header .venta-info .venta-estado{border-radius:12px;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.cliente-detail .ventas-list .venta-card .venta-header .venta-info .venta-estado.estado-completado{background:#d4edda;color:#155724}.cliente-detail .ventas-list .venta-card .venta-header .venta-info .venta-estado.estado-pendiente{background:#fff3cd;color:#856404}.cliente-detail .ventas-list .venta-card .venta-header .venta-info .venta-estado.estado-cancelado{background:#f8d7da;color:#721c24}.cliente-detail .ventas-list .venta-card .venta-header .venta-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.cliente-detail .ventas-list .venta-card .venta-header .venta-meta .venta-fecha{color:#6b7280;font-size:.9rem}.cliente-detail .ventas-list .venta-card .venta-header .venta-meta .venta-metodo{color:#1f2937;font-size:.9rem;font-weight:500}.cliente-detail .ventas-list .venta-card .venta-items{margin-bottom:1rem}.cliente-detail .ventas-list .venta-card .venta-items table{background:#fff;border-collapse:collapse;border-radius:.5rem;overflow:hidden;width:100%}.cliente-detail .ventas-list .venta-card .venta-items table thead{background:#f3f4f6}.cliente-detail .ventas-list .venta-card .venta-items table thead th{color:#6b7280;font-size:.9rem;font-weight:600;padding:.75rem;text-align:left}.cliente-detail .ventas-list .venta-card .venta-items table tbody tr{border-bottom:1px solid #e5e7eb}.cliente-detail .ventas-list .venta-card .venta-items table tbody tr:last-child{border-bottom:none}.cliente-detail .ventas-list .venta-card .venta-items table tbody tr td{color:#1f2937;padding:.75rem}.cliente-detail .ventas-list .venta-card .venta-total{align-items:center;border-top:2px solid #e5e7eb;display:flex;font-size:1.2rem;gap:1rem;justify-content:flex-end;padding-top:1rem}.cliente-detail .ventas-list .venta-card .venta-total .total-amount{color:#3b82f6;font-size:1.5rem}.loading{color:#6b7280;font-size:1.2rem;padding:3rem;text-align:center}.error-message{background:#f8d7da;border-radius:.5rem;color:#ef4444;margin:2rem;padding:2rem;text-align:center}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:.5rem;box-shadow:0 10px 40px #0003;max-height:90vh;overflow-y:auto}.modal--small{max-width:400px;width:90%}.modal--medium{max-width:600px;width:90%}.modal--large{max-width:900px;width:90%}.modal__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal__title{color:#1f2937;font-size:1.5rem;margin:0}.modal__close{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:2rem;height:2rem;justify-content:center;padding:0;transition:color .2s ease;width:2rem}.modal__close:hover{color:#1f2937}.modal__body{padding:1.5rem}.metodo-pago-list{padding:2rem}@media(max-width:768px){.metodo-pago-list{padding:1rem 1rem 100px}}.metodo-pago-list .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}@media(max-width:768px){.metodo-pago-list .page-header{align-items:stretch;flex-direction:column;gap:1rem;margin-bottom:1.5rem}}.metodo-pago-list .page-header h1{color:#333;font-size:2rem;margin:0}@media(max-width:768px){.metodo-pago-list .page-header h1{font-size:1.5rem}.metodo-pago-list .page-header .btn{font-size:16px;min-height:52px;width:100%}}.metodo-pago-list .error-message{background-color:#fee;border-radius:4px;color:#c33;margin-bottom:1rem;padding:1rem}.metodo-pago-list .status{border-radius:12px;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.metodo-pago-list .status.active{background-color:#d4edda;color:#155724}.metodo-pago-list .status.inactive{background-color:#f8d7da;color:#721c24}.metodo-pago-list .actions{display:flex;gap:.5rem}.metodo-pago-list .checkbox-group{margin:1.5rem 0}.metodo-pago-list .checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.metodo-pago-list .checkbox-group label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.metodo-pago-list .checkbox-group label span{color:#333;font-weight:500}.metodo-pago-list .form-actions{border-top:1px solid #eee;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem}.venta-list{padding:2rem 2rem 6rem}@media(max-width:768px){.venta-list{padding:1rem 1rem 100px}}.venta-list .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}@media(max-width:768px){.venta-list .page-header{align-items:stretch;flex-direction:column;gap:1rem}}.venta-list .page-header h1{color:#333;font-size:2rem;margin:0}@media(max-width:768px){.venta-list .page-header h1{font-size:1.5rem}.venta-list .page-header .btn{font-size:16px;min-height:52px;width:100%}}.venta-list .stats-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}@media(max-width:768px){.venta-list .stats-summary{gap:.75rem;grid-template-columns:repeat(2,1fr)}}.venta-list .stats-summary .stat-card{align-items:center;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}@media(max-width:768px){.venta-list .stats-summary .stat-card{flex-direction:column;gap:.5rem;padding:1rem;text-align:center}}.venta-list .stats-summary .stat-card:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.venta-list .stats-summary .stat-card__icon{align-items:center;border-radius:12px;display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}@media(max-width:768px){.venta-list .stats-summary .stat-card__icon{font-size:1.5rem;height:40px;width:40px}}.venta-list .stats-summary .stat-card__icon--primary{background:linear-gradient(135deg,#667eea,#764ba2)}.venta-list .stats-summary .stat-card__icon--warning{background:linear-gradient(135deg,#f093fb,#f5576c)}.venta-list .stats-summary .stat-card__icon--success{background:linear-gradient(135deg,#4facfe,#00f2fe)}.venta-list .stats-summary .stat-card__icon--info{background:linear-gradient(135deg,#43e97b,#38f9d7)}.venta-list .stats-summary .stat-card__content{flex:1 1}.venta-list .stats-summary .stat-card__label{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}@media(max-width:768px){.venta-list .stats-summary .stat-card__label{font-size:.75rem}}.venta-list .stats-summary .stat-card__value{color:#1f2937;font-size:1.75rem;font-weight:700;line-height:1}@media(max-width:768px){.venta-list .stats-summary .stat-card__value{font-size:1.4rem}}.venta-list .stats-summary .stat-card__sublabel{color:#6b7280;font-size:.75rem;margin-top:.25rem}@media(max-width:768px){.venta-list .stats-summary .stat-card__sublabel{font-size:.7rem}}.venta-list .search-bar{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}@media(max-width:768px){.venta-list .search-bar{flex-direction:column;gap:.75rem}}.venta-list .search-bar .search-input{border:2px solid #e5e7eb;border-radius:.5rem;flex:1 1;font-size:1rem;min-height:48px;padding:.875rem 1rem;transition:all .2s ease}@media(max-width:768px){.venta-list .search-bar .search-input{font-size:16px;padding:.95rem 1rem;width:100%}}.venta-list .search-bar .search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.venta-list .search-bar .search-input::placeholder{color:#6b7280}@media(max-width:768px){.venta-list .search-bar button{min-height:48px;width:100%}}.venta-list .filters{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem;padding:1.5rem}@media(max-width:768px){.venta-list .filters{gap:.75rem;grid-template-columns:1fr;padding:1rem}}.venta-list .filters{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:.5rem}.venta-list .filters .filter-group label{color:#333;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.venta-list .filters .filter-group .select-input{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.venta-list .filters .filter-group .select-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.venta-list .filters .filter-actions{align-items:flex-end;display:flex;gap:.5rem}.venta-list .filters .filter-actions button{flex:1 1}.venta-list .error-message{background-color:#fee;border-radius:4px;color:#c33;margin-bottom:1rem;padding:1rem}.venta-list .badge{border-radius:16px;display:inline-block;font-size:.8125rem;font-weight:600;letter-spacing:.3px;padding:.35rem .85rem;text-transform:uppercase}.venta-list .badge-success{background-color:#d4edda;color:#155724}.venta-list .badge-warning{background-color:#fff3cd;color:#856404}.venta-list .badge-info{background-color:#d1ecf1;color:#0c5460}.venta-list .badge-danger{background-color:#f8d7da;color:#721c24}.venta-list .badge-default{background-color:#e9ecef;color:#495057}.venta-list .actions{display:flex;gap:.5rem}.venta-list .fab{align-items:center;background:linear-gradient(135deg,#3b82f6,#0b63f3);border-radius:50%;bottom:2rem;box-shadow:0 4px 12px #00000026,0 8px 24px #3b82f64d;color:#fff;cursor:pointer;display:flex;height:64px;justify-content:center;position:fixed;right:2rem;text-decoration:none;transition:all .3s ease;width:64px;z-index:100}.venta-list .fab svg{stroke-width:2.5;height:28px;width:28px}.venta-list .fab:hover{box-shadow:0 6px 16px #0003,0 12px 32px #3b82f666;transform:scale(1.1) rotate(90deg)}.venta-list .fab:active{transform:scale(.95) rotate(90deg)}.venta-list .fab:before{animation:pulse 2s ease-out infinite;background:#3b82f6;border-radius:50%;content:"";height:100%;opacity:0;position:absolute;width:100%}@keyframes pulse{0%{opacity:.5;transform:scale(1)}50%{opacity:.3;transform:scale(1.15)}to{opacity:0;transform:scale(1.3)}}.venta-list .pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.venta-list .pagination span{font-weight:500}.venta-list .modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.venta-list .modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.venta-list .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 2rem}.venta-list .modal-header h2{color:#1f2937;font-size:1.5rem;margin:0}.venta-list .modal-header .modal-close{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:color .2s ease;width:32px}.venta-list .modal-header .modal-close:hover{color:#ef4444}.venta-list .modal-body{padding:2rem}.venta-list .detail-section{margin-bottom:2rem}.venta-list .detail-section:last-child{margin-bottom:0}.venta-list .detail-section h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.venta-list .detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.venta-list .detail-item{display:flex;flex-direction:column;gap:.25rem}.venta-list .detail-item--full{grid-column:1/-1}.venta-list .detail-item .detail-label{color:#6b7280;font-size:.875rem;font-weight:500}.venta-list .detail-item .detail-value{color:#1f2937;font-size:1rem}.venta-list .detail-table{border-collapse:collapse;width:100%}.venta-list .detail-table td,.venta-list .detail-table th{border-bottom:1px solid #e5e7eb;padding:.75rem;text-align:left}.venta-list .detail-table th{background:#f8f9fa;color:#1f2937;font-size:.875rem;font-weight:600}.venta-list .detail-table td{color:#1f2937}.venta-list .detail-table tbody tr:hover{background:#f8f9fa}.venta-list .detail-total{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:1.5rem}.venta-list .detail-total__label{color:#1f2937;font-size:1.25rem;font-weight:600}.venta-list .detail-total__value{color:#3b82f6;font-size:1.5rem;font-weight:700}.venta-create{margin:0 auto;max-width:1200px;padding:2rem}@media(max-width:768px){.venta-create{padding:.75rem .75rem 100px}}.venta-create .page-header{margin-bottom:2rem}.venta-create .page-header h1{color:#333;font-size:2rem;margin:0}@media(max-width:768px){.venta-create .page-header h1{font-size:1.5rem}}.venta-create .form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}@media(max-width:768px){.venta-create .form-row{gap:.75rem;grid-template-columns:1fr;margin-bottom:1rem}}.venta-create .form-group{margin-bottom:1.5rem}@media(max-width:768px){.venta-create .form-group{margin-bottom:1rem}}.venta-create .form-group label{color:#333;display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.venta-create .form-group .input-field,.venta-create .form-group .select-input{border:1px solid #ddd;border-radius:4px;font-size:1rem;min-height:48px;padding:.75rem;width:100%}@media(max-width:768px){.venta-create .form-group .input-field,.venta-create .form-group .select-input{border-width:2px;font-size:16px;min-height:44px;padding:.7rem}}.venta-create .form-group .input-field:focus,.venta-create .form-group .select-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.venta-create .form-group textarea{font-family:inherit;min-height:80px;resize:vertical}@media(max-width:768px){.venta-create .form-group textarea{border-width:2px;font-size:16px;min-height:70px;padding:.7rem}}.venta-create .items-section{background-color:#f8f9fa;border-radius:8px;margin:1.5rem 0;padding:1.5rem}@media(max-width:768px){.venta-create .items-section{border-radius:6px;margin:1rem 0;padding:.85rem}}.venta-create .items-section h3{color:#333;font-size:1.1rem;margin-bottom:1rem;margin-top:0}@media(max-width:768px){.venta-create .items-section h3{font-size:1rem;margin-bottom:.75rem}}.venta-create .items-section .item-type-selector{margin-bottom:1rem}.venta-create .items-section .item-type-selector .type-label{color:#333;font-size:.95rem;font-weight:600;margin-bottom:8px}.venta-create .items-section .item-type-selector .radio-group{display:flex;gap:8px}.venta-create .items-section .item-type-selector .radio-option{align-items:center;background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s}.venta-create .items-section .item-type-selector .radio-option input[type=radio]{cursor:pointer;height:16px;width:16px}.venta-create .items-section .item-type-selector .radio-option span{-webkit-user-select:none;user-select:none}.venta-create .items-section .item-type-selector .radio-option:hover{background:#f8f9ff;border-color:#007bff}.venta-create .items-section .item-type-selector .radio-option.active{background:#e3f2fd;border-color:#007bff;font-weight:600}@media(max-width:768px){.venta-create .items-section .item-type-selector{margin-bottom:.75rem}.venta-create .items-section .item-type-selector .type-label{font-size:.9rem;margin-bottom:6px}.venta-create .items-section .item-type-selector .radio-group{gap:6px}.venta-create .items-section .item-type-selector .radio-option{font-size:.9rem;padding:8px 12px}.venta-create .items-section .item-type-selector .radio-option input[type=radio]{height:14px;width:14px}}.venta-create .items-section .item-form{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr auto;margin-bottom:1rem}@media(max-width:768px){.venta-create .items-section .item-form{gap:.65rem;grid-template-columns:1fr;margin-bottom:.75rem}.venta-create .items-section .item-form button{font-size:15px;margin-top:4px;min-height:46px;width:100%}}.venta-create .items-section .item-form .autocomplete-container,.venta-create .items-section .item-form .input-group,.venta-create .items-section .item-form>*{margin-bottom:0}.venta-create .items-section .item-form button{height:47px;padding:0 1.5rem}.venta-create .items-section .items-list{margin-top:1.5rem}@media(max-width:768px){.venta-create .items-section .items-list{-webkit-overflow-scrolling:touch;background:linear-gradient(90deg,#f8f9fa 30%,#f8f9fa00),linear-gradient(90deg,#f8f9fa00,#f8f9fa 70%) 100% 0,radial-gradient(farthest-side at 0 50%,#00000026,#0000),radial-gradient(farthest-side at 100% 50%,#00000026,#0000) 100% 0;background-attachment:local,local,scroll,scroll;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;margin-left:-.85rem;margin-right:-.85rem;margin-top:1rem;overflow-x:auto;padding:0 .85rem;position:relative}.venta-create .items-section .items-list::-webkit-scrollbar{height:8px}.venta-create .items-section .items-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.venta-create .items-section .items-list::-webkit-scrollbar-thumb{background-color:#007bff;border-radius:4px}.venta-create .items-section .items-list::-webkit-scrollbar-thumb:hover{background-color:#0056b3}}.venta-create .items-section .items-list table{background-color:#fff;border-collapse:collapse;border-radius:4px;overflow:hidden;width:100%}@media(max-width:768px){.venta-create .items-section .items-list table{border-radius:6px;font-size:13px;min-width:560px}}.venta-create .items-section .items-list table thead{background-color:#f1f3f5}.venta-create .items-section .items-list table thead th{color:#495057;font-weight:600;padding:1rem;text-align:left;white-space:nowrap}@media(max-width:768px){.venta-create .items-section .items-list table thead th{background-color:#f1f3f5;border-bottom:2px solid #dee2e6;font-size:12px;padding:.7rem .6rem}.venta-create .items-section .items-list table thead th:first-child{padding-left:.85rem}.venta-create .items-section .items-list table thead th:last-child{padding-right:.85rem}}.venta-create .items-section .items-list table tbody tr{border-bottom:1px solid #dee2e6}.venta-create .items-section .items-list table tbody tr:last-child{border-bottom:none}.venta-create .items-section .items-list table tbody tr:hover{background-color:#f8f9fa}.venta-create .items-section .items-list table tbody tr td{padding:1rem;white-space:nowrap}@media(max-width:768px){.venta-create .items-section .items-list table tbody tr td{font-size:13px;padding:.7rem .6rem}.venta-create .items-section .items-list table tbody tr td:first-child{max-width:140px;padding-left:.85rem;white-space:normal}.venta-create .items-section .items-list table tbody tr td:last-child{padding-right:.85rem}.venta-create .items-section .items-list table tbody tr td button{font-size:12px;min-width:75px;padding:6px 10px}}.venta-create .items-section .items-list table tfoot{background-color:#f8f9fa;border-top:2px solid #dee2e6;font-size:1.1rem}@media(max-width:768px){.venta-create .items-section .items-list table tfoot{font-size:.95rem}}.venta-create .items-section .items-list table tfoot td{font-weight:600;padding:1rem}@media(max-width:768px){.venta-create .items-section .items-list table tfoot td{font-size:14px;padding:.8rem .6rem}.venta-create .items-section .items-list table tfoot td:first-child{padding-left:.85rem}.venta-create .items-section .items-list table tfoot td:last-child{padding-right:.85rem}}.venta-create .items-section .items-list table tfoot td strong{color:#007bff}.venta-create .form-actions{border-top:1px solid #eee;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem}@media(max-width:768px){.venta-create .form-actions{flex-direction:column-reverse;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem}.venta-create .form-actions button{font-size:16px;font-weight:600;min-height:52px;width:100%}.venta-create .error-banner{border-width:2px!important;font-size:15px;font-weight:500;margin-bottom:16px!important;padding:14px!important}}.mobile-header{display:none}@media(max-width:768px){.mobile-header{align-items:center;background:#fff;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;display:flex;justify-content:space-between;padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}}.mobile-header__brand{color:#3b82f6;font-size:1.25rem;font-weight:700;text-decoration:none}.mobile-header__hamburger{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;height:32px;justify-content:space-around;padding:4px;width:32px;z-index:1001}.mobile-header__hamburger span{background:#1f2937;border-radius:3px;display:block;height:3px;transition:all .3s ease}.mobile-header__hamburger--open span:first-child{transform:rotate(45deg) translateY(10px)}.mobile-header__hamburger--open span:nth-child(2){opacity:0}.mobile-header__hamburger--open span:nth-child(3){transform:rotate(-45deg) translateY(-10px)}.mobile-menu__overlay{display:none}@media(max-width:768px){.mobile-menu__overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:999}}.mobile-menu{display:none}@media(max-width:768px){.mobile-menu{background:#fff;box-shadow:-2px 0 10px #0000001a;display:block;height:100vh;overflow-y:auto;position:fixed;right:-280px;top:0;transition:right .3s ease;width:280px;z-index:1000}.mobile-menu--open{right:0}}.mobile-menu__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 1rem}.mobile-menu__header h2{color:#1f2937;font-size:1.25rem;margin:0}.mobile-menu__close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px;line-height:1;padding:.5rem}.mobile-menu__close:active{transform:scale(.9)}.mobile-menu__nav{padding:.5rem 0}.mobile-menu__item{align-items:center;color:#1f2937;display:flex;gap:1rem;min-height:56px;padding:1rem 1.5rem;text-decoration:none;transition:background .2s ease}.mobile-menu__item:active{background:#3b82f61a}.mobile-menu__item--active{background:#3b82f60d;border-left:4px solid #3b82f6;color:#3b82f6;font-weight:600;padding-left:calc(1.5rem - 4px)}.mobile-menu__icon{font-size:24px;min-width:28px}.mobile-menu__label{flex:1 1;font-size:16px}.mobile-menu__arrow{color:#6b7280;font-size:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bottom-nav{background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -2px 10px #0000001a;display:none;left:0;padding:.5rem 0;position:fixed;right:0;z-index:1000}@media(max-width:768px){.bottom-nav{align-items:center;display:flex;justify-content:space-around}}.bottom-nav__item{align-items:center;border-radius:8px;color:#6b7280;display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:90px;padding:.5rem;text-decoration:none;transition:all .2s ease}.bottom-nav__item:active{background:#3b82f60d;transform:scale(.95)}.bottom-nav__item--active{color:#3b82f6}.bottom-nav__item--active .bottom-nav__icon{transform:scale(1.1)}.bottom-nav__item--active .bottom-nav__label{font-weight:600}.bottom-nav__icon{font-size:24px;margin-bottom:.25rem;transition:transform .2s ease}.bottom-nav__label{font-size:10px;font-weight:500;line-height:1.2;max-width:80px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:inherit;text-decoration:none}button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{min-height:100vh}.container{margin:0 auto;max-width:1280px;padding:1rem 2rem}@media(max-width:768px){.container{padding:.75rem 1rem}body{font-size:16px}.btn,a.btn,button{font-size:16px;min-height:48px;padding:12px 20px}input,select,textarea{font-size:16px!important;min-height:48px;padding:12px 16px}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;white-space:nowrap}.card{margin-bottom:1rem}}.app{display:flex;flex-direction:column;min-height:100vh}.navbar{background:#fff;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;position:-webkit-sticky;position:sticky;top:0;z-index:100}@media(max-width:768px){.navbar--desktop{display:none}}.navbar__container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding:1rem 2rem}.navbar__brand{color:#3b82f6;font-size:1.5rem;font-weight:700}.navbar__links{display:flex;gap:2rem}.navbar__link{color:#6b7280;font-weight:500;transition:color .2s ease;white-space:nowrap}.navbar__link:hover{color:#3b82f6}.main-content{flex:1 1;padding:1rem 0}@media(max-width:768px){.main-content{padding-bottom:80px}}.footer{background:#fff;border-top:1px solid #e5e7eb;color:#6b7280;font-size:.9rem;padding:2rem 0;text-align:center}.footer p{margin:0}@media(max-width:768px){.footer{display:none}}
/*# sourceMappingURL=main.3b70fe67.css.map*/