@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #0000004d;animation:slideUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.modal-title{font-size:1.5rem;font-weight:600;color:#111827;margin:0;display:flex;align-items:center;gap:.75rem}.modal-close{background:none;border:none;padding:.5rem;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background-color:#f3f4f6;color:#111827}.modal-body{padding:2rem;overflow-y:auto;flex:1;min-height:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.modal-overlay{padding:0}.modal-content{border-radius:0;max-width:100vw;max-height:100vh;height:100vh}.modal-header{padding:1rem 1.5rem}.modal-title{font-size:1.25rem}.modal-body{padding:1.5rem}}.modal-body .chart-grid{display:grid;gap:2rem;grid-template-columns:1fr}@media(min-width:1024px){.modal-body .chart-grid{grid-template-columns:repeat(2,1fr)}}.modal-body .chart-item{background:#f9fafb;border-radius:8px;padding:1.5rem;border:1px solid #e5e7eb}.dashboard{min-height:100vh;padding:1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-header{margin-bottom:2rem}.dashboard-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#fff;margin:0}.title-icon{width:28px;height:28px}.header-status{display:flex;align-items:center;gap:.5rem}.status-indicator{width:8px;height:8px;border-radius:50%;background:#10b981}.status-indicator.active{animation:pulse 2s infinite}.status-text{color:#ffffffe6;font-size:.875rem;font-weight:500}.bento-container{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;max-width:1400px;margin:0 auto}.bento-box{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:2px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #0003;overflow:hidden;transition:all .3s ease}.main-box{grid-column:1 / -1;padding:2rem}.clickable-box{min-height:200px;padding:2rem;cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.clickable-box:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000026}.clickable-box:active{transform:translateY(-2px)}.box-content{text-align:center;position:relative;z-index:2}.box-icon{margin-bottom:1rem;color:#6366f1;transition:all .3s ease}.clickable-box:hover .box-icon{transform:scale(1.1);color:#4f46e5}.box-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.box-subtitle{font-size:.875rem;color:#6b7280;margin:0 0 1rem}.box-indicator{opacity:0;transition:all .3s ease;transform:translateY(10px)}.clickable-box:hover .box-indicator{opacity:1;transform:translateY(0)}.box-indicator span{font-size:.875rem;font-weight:500;color:#6366f1;background:#6366f11a;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(99,102,241,.2)}.generales .box-icon{color:#f59e0b}.generales:hover .box-icon{color:#d97706}.picking .box-icon{color:#10b981}.picking:hover .box-icon{color:#059669}.packing .box-icon{color:#8b5cf6}.packing:hover .box-icon{color:#7c3aed}.recepcion .box-icon{color:#ef4444}.recepcion:hover .box-icon{color:#dc2626}.inventario .box-icon{color:#10b981}.inventario:hover .box-icon{color:#059669}.clickable-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#6366f10d,#6366f105);z-index:1;transition:all .3s ease}.clickable-box:hover:before{background:linear-gradient(135deg,#6366f11a,#6366f10d)}@media(max-width:768px){.dashboard{padding:.75rem}.bento-container{grid-template-columns:1fr;gap:1rem}.main-box{padding:1.5rem}.clickable-box{min-height:160px;padding:1.5rem}.dashboard-title{font-size:1.25rem}}@media(min-width:769px)and (max-width:1024px){.bento-container{grid-template-columns:repeat(2,1fr);gap:1.25rem}.clickable-box{min-height:180px}}@media(min-width:1025px)and (max-width:1200px){.bento-container{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media(min-width:1201px){.bento-container{grid-template-columns:repeat(3,1fr);gap:2rem}.clickable-box{min-height:220px}}.clickable-box:focus{outline:2px solid #6366f1;outline-offset:2px}.clickable-box:focus:not(:focus-visible){outline:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;min-height:100vh}#root{min-height:100vh}html{scroll-behavior:smooth}button{border:none;background:none;cursor:pointer;font-family:inherit}*:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.operation-overview-table{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.operation-overview-table table{width:100%;border-collapse:collapse}.operation-overview-table thead tr{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.operation-overview-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.operation-overview-table th:first-child{padding-left:1.5rem}.operation-overview-table th:not(:first-child){text-align:center}.operation-overview-table tbody{background:#fff}.operation-overview-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .15s ease}.operation-overview-table tbody tr:hover{background-color:#f9fafb}.operation-overview-table td{padding:1rem;white-space:nowrap;font-size:.875rem}.operation-overview-table td:first-child{padding-left:1.5rem;font-weight:600}.operation-overview-table td:not(:first-child){text-align:center;font-weight:500;color:#111827}.operation-overview-table .category-pedidos{color:#2563eb;background-color:#eff6ff}.operation-overview-table .category-lineas{color:#059669;background-color:#ecfdf5}.operation-overview-table .category-unidades{color:#d97706;background-color:#fffbeb}.operation-overview-table .empty-value{color:#9ca3af}.operation-overview-table tfoot{background-color:#f3f4f6;border-top:2px solid #d1d5db}.operation-overview-table tfoot td{font-weight:700;color:#111827}.operation-overview-table tfoot td:first-child{font-weight:700}.operation-overview-cards{display:block}.operation-overview-card{border-bottom:1px solid #e5e7eb}.operation-overview-card:last-child{border-bottom:none}.operation-overview-card-header{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb}.operation-overview-card-header h4{font-size:1.125rem;font-weight:600}.operation-overview-card-content{padding:1rem}.operation-overview-card-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.operation-overview-card-row:last-child{margin-bottom:0}.operation-overview-card-label{font-size:.875rem;color:#6b7280}.operation-overview-card-value{font-weight:600;color:#111827}.operation-overview-table-desktop{display:block;overflow-x:auto}.operation-overview-cards{display:none}.operation-overview-loading{display:flex;align-items:center;justify-content:center;min-height:400px}.operation-overview-loading-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.operation-overview-spinner{width:2rem;height:2rem;border:4px solid #3b82f6;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.operation-overview-loading-text{color:#6b7280;font-size:.875rem}.operation-overview-error{display:flex;align-items:center;justify-content:center;min-height:400px}.operation-overview-error-content{text-align:center;color:#dc2626}.operation-overview-error-title{font-size:1.125rem;font-weight:600}.operation-overview-error-message{font-size:.875rem}.operation-overview-warning{font-size:.75rem;color:#d97706;margin-top:.25rem}