@import "https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css";
@import "https://cdn.datatables.net/2.3.7/css/dataTables.bootstrap5.min.css";
@import "https://cdn.datatables.net/buttons/3.2.6/css/buttons.bootstrap5.min.css";
@import "https://cdn.datatables.net/scroller/2.4.3/css/scroller.bootstrap5.min.css";
@import "https://cdn.datatables.net/searchbuilder/1.8.4/css/searchBuilder.bootstrap5.min.css";
.order-card-modal{animation:.3s ease-out modalSlideIn}.order-card-modal.closing{animation:.2s ease-in forwards modalSlideOut}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes modalSlideOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.modal-backdrop{pointer-events:all;z-index:0;background:#0000001a;transition:all .2s;position:fixed;inset:0}.modal-card{pointer-events:auto;z-index:1;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;width:520px;max-width:90vw;max-height:85vh;transition:box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-card.dragging{box-shadow:0 25px 50px -12px #00000040;cursor:grabbing!important}.close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;font-weight:600;transition:all .2s;display:flex}.close-btn:hover{color:#111827;background:#f3f4f6}.position-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;margin-right:.5rem;padding:0;font-size:16px;font-weight:600;transition:all .2s;display:flex}.position-btn:hover{color:#0c4a6e;background:#dbeafe}.card-header{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:1rem 1.25rem}.card-title{color:#1f2937;margin:0;font-family:Poppins,sans-serif;font-size:1.125rem;font-weight:700}.card-subtitle{color:#6b7280;margin:.25rem 0 0;font-size:.75rem}.status-badge{text-transform:uppercase;letter-spacing:1px;white-space:nowrap;border-radius:6px;width:fit-content;margin-top:.5rem;padding:.25rem .5rem;font-size:.675rem;font-weight:600}.status-badge.status-50{color:#92400e;background-color:#fef3c7}.status-badge.status-7{color:#0c4a6e;background-color:#dbeafe}.status-badge.status-2{color:#9f1239;background-color:#fecdd3}.status-badge.status-1{color:#065f46;background-color:#d1fae5}.card-content{flex:1;padding:0;overflow-y:auto}.card-content .space-y-2>div{padding:.5rem 0;font-size:.8125rem}.card-content .space-y-2>div .text-sm{font-size:.75rem}.card-content .accordion-item{border-bottom:1px solid #e5e7eb}.card-content [data-state=open]{background-color:#f9fafb}.card-content .accordion-trigger{color:#374151;padding:.75rem 1rem;font-size:.8125rem;transition:all .2s}.card-content .accordion-trigger:hover{color:#111827;background-color:#f3f4f6}.card-content .accordion-trigger[data-state=open]{background-color:#f0f4f8;border-bottom:1px solid #e5e7eb}.card-content .accordion-content{background-color:#fafbfc;padding:.75rem 1rem}.card-footer{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;flex-shrink:0;padding:.875rem}.card-footer p:first-child{text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;margin:0 0 .25rem;font-size:.625rem;font-weight:700}.card-footer p:last-child{margin:0}@media (max-width:640px){.modal-card{width:95vw;max-height:90vh}.card-header{padding:.75rem 1rem}.status-badge{align-self:flex-start}.card-title{font-size:1rem}.card-footer>div{flex-direction:column;gap:.5rem}.card-footer div{padding:.25rem}}.card-content::-webkit-scrollbar{width:6px}.card-content::-webkit-scrollbar-track{background:#f3f4f6}.card-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.card-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.position-widget{background:linear-gradient(135deg,#f0f9ff 0%,#f0f4f8 100%);border-bottom:1px solid #bfdbfe;padding:.75rem 1rem;animation:.2s ease-out slideDown}.position-inputs{align-items:center;gap:.75rem;display:flex}.input-group{align-items:center;gap:.5rem;display:flex}.input-group label{color:#1e40af;text-transform:uppercase;min-width:20px;font-size:.75rem;font-weight:600}.input-group input{color:#0c4a6e;background:#fff;border:1px solid #93c5fd;border-radius:4px;width:70px;padding:.375rem .5rem;font-size:.75rem;transition:all .2s}.input-group input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f61a}.reset-btn{color:#0c4a6e;cursor:pointer;text-transform:uppercase;background:#dbeafe;border:1px solid #bfdbfe;border-radius:4px;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.reset-btn:hover{color:#082f49;background:#bfdbfe;border-color:#93c5fd}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
.datatable-container{width:100%;max-width:100%;margin:0 auto;padding:0}.datatable-container .table-responsive{border-radius:0 0 8px 8px;padding:1rem 2rem;overflow:hidden;box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d}.datatable-container *{box-sizing:border-box}.datatable-container .dataTables_wrapper{width:100%}.datatable-container .dataTables_wrapper .dataTables_paginate{max-height:50%;margin-top:0;overflow:scroll}.datatable-container .dataTables_wrapper .dataTables_info{color:#6b7280;font-size:.875rem}.datatable-container tbody tr{cursor:pointer;transition:all .2s}.datatable-container tbody tr:hover{box-shadow:inset 0 0 8px #0000000d;background-color:#f3f4f6!important}.datatable-container tbody tr:active{background-color:#e5e7eb!important}.datatable-container .nested-data-btn{cursor:pointer;transition:all .2s}.datatable-container .nested-data-btn:hover{opacity:.8;transform:scale(1.05)}