.closed-boxes-container.svelte-qzewae{width:100%;height:100%;padding:1.5rem;background:linear-gradient(135deg,#1f7a3a,#2d5f4f);overflow:hidden;display:flex;flex-direction:column}.header.svelte-qzewae{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;background:#fff;padding:.75rem 1.5rem 1rem;border-radius:.75rem;box-shadow:0 8px 24px #00000026,inset 0 1px #fff9}.header.svelte-qzewae h1:where(.svelte-qzewae){font-size:1.5rem;color:#1f7a3a;margin:0;font-weight:700;letter-spacing:.3px}.filters-container.svelte-qzewae{display:flex;flex-direction:column;gap:.75rem}.filter-row.svelte-qzewae{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.date-range-row.svelte-qzewae{background:#fff;border:1.5px solid #d1fae5;border-radius:10px;padding:.65rem 1rem;align-items:center;box-shadow:0 2px 8px #1f7a3a14}.filter-divider.svelte-qzewae{color:#d1d5db;font-size:1.4rem;align-self:center;padding:0 .5rem;font-weight:300}.filter-section-btn.svelte-qzewae{justify-content:flex-end}.date-input.svelte-qzewae{padding:.55rem .75rem;border:2px solid #bbf7d0;border-radius:.5rem;font-size:.875rem;color:#1f2937;background:#f0fdf4;cursor:pointer;transition:border-color .2s,box-shadow .2s;font-weight:500}.date-input.svelte-qzewae:hover{border-color:#4ade80}.date-input.svelte-qzewae:focus{outline:none;border-color:#1f7a3a;box-shadow:0 0 0 3px #1f7a3a1a}.load-range-btn.svelte-qzewae{padding:.55rem 1.4rem;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 2px 8px #16a34a4d;letter-spacing:.01em}.load-range-btn.svelte-qzewae:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.load-range-btn.svelte-qzewae:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #16a34a66}.load-specific-btn.svelte-qzewae{background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 2px 8px #0369a14d}.load-specific-btn.svelte-qzewae:hover:not(:disabled){box-shadow:0 4px 12px #0369a166}.loaded-info.svelte-qzewae{justify-content:center}.filter-section.svelte-qzewae{display:flex;flex-direction:column;gap:.4rem}.filter-section.svelte-qzewae label:where(.svelte-qzewae){font-weight:600;color:#374151;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.branch-select.svelte-qzewae,.status-select.svelte-qzewae{padding:.75rem 1rem;border:2px solid #1f7a3a;border-radius:.5rem;font-size:.9rem;color:#333;background:#fff;cursor:pointer;transition:all .3s ease;min-width:250px;font-weight:500;box-shadow:0 4px 8px #1f7a3a1a}.search-input.svelte-qzewae{padding:.75rem 1rem;border:2px solid #1f7a3a;border-radius:.5rem;font-size:.9rem;color:#333;background:#fff;transition:all .3s ease;min-width:250px;font-weight:500;box-shadow:0 4px 8px #1f7a3a1a}.branch-select.svelte-qzewae:hover,.status-select.svelte-qzewae:hover,.search-input.svelte-qzewae:hover{border-color:#2d5f4f;box-shadow:0 6px 16px #1f7a3a33;transform:translateY(-2px)}.branch-select.svelte-qzewae:focus,.status-select.svelte-qzewae:focus,.search-input.svelte-qzewae:focus{outline:none;border-color:#1f7a3a;box-shadow:0 6px 16px #1f7a3a40,0 0 0 3px #1f7a3a1a}.table-container.svelte-qzewae{flex:1;background:#fff;border-radius:.75rem;padding:0;overflow:auto;box-shadow:0 8px 24px #00000026,inset 0 1px #fff9}.loading.svelte-qzewae,.no-data.svelte-qzewae{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#666;gap:1rem}.spinner.svelte-qzewae{border:4px solid #f3f3f3;border-top:4px solid #1f7a3a;border-radius:50%;width:40px;height:40px;animation:svelte-qzewae-spin 1s linear infinite}@keyframes svelte-qzewae-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.boxes-table.svelte-qzewae{width:100%;border-collapse:separate;border-spacing:0}.boxes-table.svelte-qzewae thead:where(.svelte-qzewae){background:linear-gradient(135deg,#1f7a3a,#2d5f4f)}.boxes-table.svelte-qzewae th:where(.svelte-qzewae){position:sticky;top:0;background:linear-gradient(135deg,#1f7a3a,#2d5f4f);z-index:10;padding:1rem 1.5rem;text-align:left;color:#fff;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;box-shadow:0 2px 4px #1f7a3a4d}.boxes-table.svelte-qzewae tbody:where(.svelte-qzewae) tr:where(.svelte-qzewae){border-bottom:1px solid #e8f0ed;transition:all .3s ease}.boxes-table.svelte-qzewae tbody:where(.svelte-qzewae) tr:where(.svelte-qzewae):hover{background:linear-gradient(90deg,#1f7a3a08,#1f7a3a0f);box-shadow:inset 0 0 8px #1f7a3a14}.boxes-table.svelte-qzewae td:where(.svelte-qzewae){padding:1rem 1.5rem;font-size:.9rem;color:#333}.box-number.svelte-qzewae{font-weight:700}.box-badge.svelte-qzewae{background:linear-gradient(135deg,#1f7a3a,#2d5f4f);color:#fff;padding:.35rem .85rem;border-radius:1.5rem;font-size:.65rem;font-weight:700;display:inline-block;box-shadow:0 4px 8px #1f7a3a40;letter-spacing:.3px}.date-line.svelte-qzewae{display:block;font-size:.85rem;color:#1e293b;font-weight:500}.time-line.svelte-qzewae{display:block;font-size:.75rem;color:#64748b;margin-top:.1rem}.branch-name.svelte-qzewae{display:block;font-weight:600;font-size:.85rem;color:#1e293b}.branch-location.svelte-qzewae{display:block;font-size:.75rem;color:#64748b;margin-top:.1rem}.closed-by-user.svelte-qzewae{font-weight:600;color:#1f7a3a;padding:.5rem;background:#1f7a3a0d;border-radius:.4rem}.amount.svelte-qzewae{font-family:Courier New,monospace;font-weight:700;text-align:right;color:#1f7a3a}.amount.positive.svelte-qzewae{color:#15a34a}.amount.negative.svelte-qzewae{color:#dc2626}.datetime.svelte-qzewae{color:#666;font-size:.85rem}.actions.svelte-qzewae{text-align:center}.view-btn.svelte-qzewae{background:linear-gradient(135deg,#1f7a3a,#2d5f4f);color:#fff;border:none;padding:.65rem 1.25rem;border-radius:.5rem;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1f7a3a4d;letter-spacing:.3px}.view-btn.svelte-qzewae:hover{transform:translateY(-3px);box-shadow:0 8px 20px #1f7a3a66}.view-btn.svelte-qzewae:active{transform:translateY(-1px);box-shadow:0 4px 12px #1f7a3a4d}.pos-deduction-cell.svelte-qzewae{text-align:center}.status-toggle-btn.svelte-qzewae{padding:.5rem 1rem;border:none;border-radius:1rem;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .3s ease;color:#fff;box-shadow:0 2px 6px #0003;letter-spacing:.3px}.status-toggle-btn.svelte-qzewae:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.status-toggle-btn.svelte-qzewae:active{transform:translateY(0);box-shadow:0 2px 6px #0003}.status-toggle-btn.status-not-transferred.svelte-qzewae{background:linear-gradient(135deg,#dc2626,#991b1b);box-shadow:0 2px 6px #dc26264d}.status-toggle-btn.status-not-transferred.svelte-qzewae:hover{box-shadow:0 4px 12px #dc262666}.na-text.svelte-qzewae{color:#999;font-size:.85rem;font-style:italic}.status-toggle-btn.status-proposed.svelte-qzewae{background:linear-gradient(135deg,#15a34a,#16803d);box-shadow:0 2px 6px #15a34a4d}.status-toggle-btn.status-proposed.svelte-qzewae:hover{box-shadow:0 4px 12px #15a34a66}.status-toggle-btn.status-forgiven.svelte-qzewae{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 6px #f59e0b4d}.status-toggle-btn.status-forgiven.svelte-qzewae:hover{box-shadow:0 4px 12px #f59e0b66}.status-toggle-btn.status-deducted.svelte-qzewae{background:linear-gradient(135deg,#dc2626,#991b1b);box-shadow:0 2px 6px #dc26264d}.status-toggle-btn.status-deducted.svelte-qzewae:hover{box-shadow:0 4px 12px #dc262666}.status-toggle-btn.status-cancelled.svelte-qzewae{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 6px #6b72804d}.status-toggle-btn.status-cancelled.svelte-qzewae:hover{box-shadow:0 4px 12px #6b728066}.load-more-btn.svelte-qzewae{background:linear-gradient(135deg,#1f7a3a,#2d5f4f);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #1f7a3a4d;letter-spacing:.3px;width:100%}.load-more-btn.svelte-qzewae:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1f7a3a66}.load-more-btn.svelte-qzewae:active{transform:translateY(0);box-shadow:0 4px 12px #1f7a3a4d}.load-more-info.svelte-qzewae{font-size:.8rem;color:#fff;font-weight:600;background:linear-gradient(135deg,#16a34a,#15803d);padding:.3rem .85rem;border-radius:999px;white-space:nowrap;align-self:center;box-shadow:0 1px 4px #16a34a40}.status-cell.svelte-qzewae{text-align:center}.status-toggle-btn.status-completed.svelte-qzewae{background:linear-gradient(135deg,#15a34a,#16803d);box-shadow:0 2px 6px #15a34a4d}.status-toggle-btn.status-completed.svelte-qzewae:hover{box-shadow:0 4px 12px #15a34a66}.status-toggle-btn.status-pending_close.svelte-qzewae{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 6px #f59e0b4d}.status-toggle-btn.status-pending_close.svelte-qzewae:hover{box-shadow:0 4px 12px #f59e0b66}.status-toggle-btn.status-waiting-approval.svelte-qzewae{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 6px #8b5cf64d;cursor:default;opacity:.85}.modal-backdrop.svelte-qzewae{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:9999;display:flex;align-items:center;justify-content:center}.box-edit-modal.svelte-qzewae{background:#1e293b;border:1px solid #334155;border-radius:12px;width:420px;max-width:90vw;display:flex;flex-direction:column;overflow:hidden}.bem-header.svelte-qzewae{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#0f172a;border-bottom:1px solid #334155}.bem-header.svelte-qzewae h2:where(.svelte-qzewae){color:#f1f5f9;font-size:1rem;font-weight:600;margin:0}.bem-close.svelte-qzewae{background:none;border:none;color:#94a3b8;font-size:1.5rem;cursor:pointer;line-height:1}.bem-body.svelte-qzewae{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.bem-box-info.svelte-qzewae{background:#0f172a;border-radius:8px;padding:.75rem 1rem;color:#cbd5e1;font-size:.875rem}.bem-box-info.svelte-qzewae p:where(.svelte-qzewae){margin:.2rem 0}.bem-note.svelte-qzewae{color:#94a3b8;font-size:.85rem;margin:0}.bem-loading.svelte-qzewae,.bem-no-approvers.svelte-qzewae{color:#94a3b8;font-size:.875rem}.bem-approver-list.svelte-qzewae{display:flex;flex-direction:column;gap:.4rem;max-height:200px;overflow-y:auto}.bem-approver-item.svelte-qzewae{background:#0f172a;border:1px solid #334155;border-radius:8px;color:#cbd5e1;padding:.6rem 1rem;text-align:left;cursor:pointer;font-size:.875rem;transition:all .15s}.bem-approver-item.svelte-qzewae:hover{border-color:#6366f1;color:#f1f5f9}.bem-approver-item.selected.svelte-qzewae{border-color:#6366f1;background:#1e1b4b;color:#a5b4fc}.bem-footer.svelte-qzewae{display:flex;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid #334155;justify-content:flex-end}.bem-cancel.svelte-qzewae{background:#334155;color:#cbd5e1;border:none;border-radius:8px;padding:.5rem 1.25rem;cursor:pointer;font-size:.875rem}.bem-submit.svelte-qzewae{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:8px;padding:.5rem 1.25rem;cursor:pointer;font-size:.875rem;font-weight:600}.bem-submit.svelte-qzewae:disabled{opacity:.5;cursor:not-allowed}.status-toggle-btn.status-open.svelte-qzewae{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 6px #3b82f64d}.status-toggle-btn.status-open.svelte-qzewae:hover{box-shadow:0 4px 12px #3b82f666}.status-toggle-btn.status-cancelled.svelte-qzewae{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 6px #ef44444d}.status-toggle-btn.status-cancelled.svelte-qzewae:hover{box-shadow:0 4px 12px #ef444466}.load-more-container.svelte-qzewae{display:flex;gap:1rem;justify-content:center;align-items:center;padding:1.5rem 0 .5rem;flex-wrap:wrap}.load-older-btn.svelte-qzewae{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6366f14d;letter-spacing:.3px;min-width:280px}.load-older-btn.svelte-qzewae:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.load-older-btn.svelte-qzewae:active{transform:translateY(0);box-shadow:0 4px 12px #6366f14d}.loading-more-indicator.svelte-qzewae{display:flex;align-items:center;gap:.75rem;color:#1f7a3a;font-weight:600;padding:.75rem}.spinner-small.svelte-qzewae{border:3px solid #e8f0ed;border-top:3px solid #1f7a3a;border-radius:50%;width:24px;height:24px;animation:svelte-qzewae-spin 1s linear infinite}