.exchange-manage-container{background:#f8fdf9;min-height:100vh;padding-bottom:60px}.manage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:32px;background:white;border-radius:20px;box-shadow:0 4px 20px rgba(24,133,80,0.08)}.header-content{flex:1}.manage-title{font-size:32px;font-weight:800;color:#188550;margin:0 0 8px 0;display:flex;align-items:center}.manage-title i{color:#58D77A}.manage-subtitle{font-size:16px;color:#718096;margin:0}.btn-back{padding:12px 24px;background:white;color:#188550;border:2px solid #188550;border-radius:12px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;transition:all 0.3s}.btn-back:hover{background:#188550;color:white;transform:translateX(-4px)}.nav-tabs{border-bottom:3px solid #E2FFF1;background:white;padding:0 24px;border-radius:16px 16px 0 0;margin-bottom:0}.nav-tabs .nav-link{border:none;color:#718096;padding:16px 24px;font-weight:600;transition:all 0.3s;border-bottom:3px solid transparent;margin-bottom:-3px;display:flex;align-items:center;gap:8px}.nav-tabs .nav-link:hover{color:#188550;background:#f7fafc}.nav-tabs .nav-link.active{color:#188550;border-bottom-color:#58D77A;background:transparent}.nav-tabs .badge{font-size:11px;padding:4px 10px;border-radius:12px;font-weight:700}.nav-tabs .nav-link.active .badge{background:linear-gradient(135deg, #188550 0%, #58D77A 100%);color:white}.nav-tabs .nav-link:not(.active) .badge{background:#e2e8f0;color:#718096}.tab-content{background:white;padding:32px;border-radius:0 0 16px 16px;box-shadow:0 4px 20px rgba(24,133,80,0.08);min-height:400px}.card{border:2px solid #e2e8f0;border-radius:16px;transition:all 0.3s}.card:hover{border-color:#58D77A;box-shadow:0 4px 16px rgba(24,133,80,0.1)}.badge{font-weight:600;padding:6px 12px;border-radius:20px}.bg-primary{background:linear-gradient(135deg, #188550 0%, #58D77A 100%) !important}.bg-success{background:linear-gradient(135deg, #10b981 0%, #34d399 100%) !important}.bg-warning{background:linear-gradient(135deg, #FFB118 0%, #FFC942 100%) !important}.bg-danger{background:linear-gradient(135deg, #ef4444 0%, #f87171 100%) !important}.bg-info{background:linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%) !important}.bg-secondary{background:#718096 !important}.btn-outline-primary,.btn-outline-warning,.btn-outline-danger{border-width:2px;font-weight:600;transition:all 0.3s}.btn-outline-primary{color:#188550;border-color:#188550}.btn-outline-primary:hover{background:#188550;border-color:#188550;color:white}.btn-outline-warning{color:#FFB118;border-color:#FFB118}.btn-outline-warning:hover{background:#FFB118;border-color:#FFB118;color:white}.btn-outline-danger{color:#ef4444;border-color:#ef4444}.btn-outline-danger:hover{background:#ef4444;border-color:#ef4444;color:white}.btn-success{background:linear-gradient(135deg, #188550 0%, #58D77A 100%);border:none;color:white;font-weight:600}.btn-success:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(24,133,80,0.3)}.text-center{padding:60px 20px}.text-center i{font-size:64px;color:#58D77A;margin-bottom:20px}.text-center h5{color:#718096;font-weight:600;margin-bottom:16px}.image-preview-center{text-align:center}.empty-state-center{text-align:center;padding:60px 20px}.empty-state-center i{font-size:64px;color:#58D77A;margin-bottom:20px}.empty-state-center h5{color:#718096;font-weight:600;margin-bottom:16px}.loading-center{text-align:center;padding:60px 20px}.direction-tabs{display:flex;gap:12px;background:white;padding:8px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.08);margin-bottom:20px}.direction-tab{flex:1;padding:12px 20px;border:2px solid #e2e8f0;background:white;border-radius:8px;cursor:pointer;transition:all 0.2s;font-weight:600;color:#6b7280;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.direction-tab:hover{background:#f3f4f6;color:#1f2937;border-color:#cbd5e0;text-decoration:none}.direction-tab.active{background:linear-gradient(135deg, #188550 0%, #58D77A 100%);color:white;border-color:#188550}.direction-tab .badge{font-size:12px;padding:3px 8px}.direction-tab.active .badge{background:rgba(255,255,255,0.3) !important;color:white}@media (max-width: 768px){.manage-header{flex-direction:column;gap:16px;text-align:center}.manage-title{font-size:24px;justify-content:center}.btn-back{width:100%;justify-content:center}.nav-tabs{padding:0 12px;overflow-x:auto;white-space:nowrap}.nav-tabs .nav-link{padding:12px 16px;font-size:14px}.tab-content{padding:20px}.direction-tabs{flex-direction:column}.direction-tab{width:100%}}.image-uploading{position:relative;opacity:0.7}.upload-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(0,0,0,0.8);color:white;padding:8px 12px;border-radius:4px;font-size:12px;z-index:10;display:flex;align-items:center;gap:6px}.upload-spinner i{font-size:14px}.placeholder-image{opacity:0.6;filter:grayscale(50%)}.book-image-container{position:relative;overflow:hidden}.book-image-container img{transition:opacity 0.3s ease}@keyframes pulse{0%{opacity:0.6}50%{opacity:1}100%{opacity:0.6}}.image-uploading img{animation:pulse 1.5s infinite}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.image-completed{animation:fadeIn 0.5s ease}.exchange-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);align-items:center;justify-content:center;z-index:9999;animation:fadeIn 0.2s ease-out;display:none;padding:20px;overflow-y:auto}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.exchange-modal{background:white;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.3);max-width:500px;width:100%;animation:slideUp 0.3s ease-out;max-height:90vh;display:flex;flex-direction:column}.exchange-modal-large{max-width:700px}@keyframes slideUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.exchange-modal-header{padding:24px 28px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.exchange-modal-title{margin:0;font-size:20px;font-weight:600;color:#111827;display:flex;align-items:center;gap:10px}.exchange-modal-title i{color:#188550}.exchange-modal-close{background:none;border:none;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all 0.2s;font-size:20px}.exchange-modal-close:hover{background:#f3f4f6;color:#111827}.exchange-modal-body{padding:28px;overflow-y:auto;flex:1}.exchange-modal-footer{padding:20px 28px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;flex-shrink:0}.exchange-modal .form-group{margin-bottom:20px}.exchange-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.exchange-modal .form-row{grid-template-columns:1fr}}.exchange-modal .form-label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:14px}.exchange-modal .required{color:#ef4444}.exchange-modal .form-input,.exchange-modal .form-textarea,.exchange-modal .form-select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;transition:all 0.2s;font-family:inherit;background:white}.exchange-modal .form-input:focus,.exchange-modal .form-textarea:focus,.exchange-modal .form-select:focus{outline:none;border-color:#58D77A;box-shadow:0 0 0 3px rgba(88,215,122,0.1)}.exchange-modal .form-textarea{resize:vertical;min-height:100px}.exchange-modal .form-select{cursor:pointer}.exchange-modal .form-check{margin-bottom:12px;padding-left:0}.exchange-modal .form-check-input{width:20px;height:20px;margin-right:10px;cursor:pointer}.exchange-modal .form-check-label{cursor:pointer;font-size:15px;color:#374151}.exchange-modal-footer .btn-cancel,.exchange-modal-footer .btn-submit{padding:12px 24px;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all 0.2s;border:none;display:flex;align-items:center;gap:8px}.exchange-modal-footer .btn-cancel{background:#f3f4f6;color:#374151}.exchange-modal-footer .btn-cancel:hover{background:#e5e7eb}.exchange-modal-footer .btn-submit{background:linear-gradient(135deg, #188550 0%, #58D77A 100%);color:white;box-shadow:0 4px 12px rgba(24,133,80,0.4)}.exchange-modal-footer .btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(24,133,80,0.5)}.exchange-modal-footer .btn-submit:disabled{opacity:0.5;cursor:not-allowed;transform:none}.exchange-modal-footer .btn-submit i{font-size:16px}@media (max-width: 768px){.exchange-modal{max-width:100%;margin:0;border-radius:16px 16px 0 0;max-height:95vh}.exchange-modal-overlay{align-items:flex-end;padding:0}}.exchange-modal .file-upload-wrapper{position:relative}.exchange-modal .file-input{position:absolute;opacity:0;width:0;height:0}.exchange-modal .file-upload-label{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;border:2px dashed #cbd5e0;border-radius:10px;cursor:pointer;transition:all 0.3s;background:#f7fafc;color:#718096;font-weight:600}.exchange-modal .file-upload-label:hover{border-color:#58D77A;background:#E2FFF1;color:#188550}.exchange-modal .file-upload-label i{font-size:24px}.exchange-modal .file-name{display:block;margin-top:8px;font-size:13px;color:#188550;font-weight:500}.book-selection-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding:4px}.book-selection-item{position:relative;border:2px solid #e5e7eb;border-radius:12px;transition:all 0.3s;background:white}.book-selection-item:hover{border-color:#58D77A;box-shadow:0 4px 12px rgba(24,133,80,0.1)}.book-selection-item.selected{border-color:#188550;background:#E2FFF1;box-shadow:0 4px 16px rgba(24,133,80,0.2)}.book-checkbox{position:absolute;opacity:0;width:0;height:0}.book-selection-label{display:flex;align-items:center;gap:16px;padding:12px;cursor:pointer;margin:0}.book-selection-image{flex-shrink:0;width:60px;height:80px;border-radius:8px;overflow:hidden;background:#f7fafc}.book-selection-image img{width:100%;height:100%;object-fit:cover}.book-selection-info{flex:1;min-width:0}.book-selection-title{font-size:15px;font-weight:700;color:#1a202c;margin:0 0 4px 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-selection-author{font-size:13px;color:#718096;margin:0 0 8px 0}.book-selection-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.book-selection-meta .condition-badge{font-size:11px;padding:3px 10px}.book-selection-price{font-size:13px;font-weight:700;color:#dc2626}.book-selection-duration{font-size:12px;color:#188550;font-weight:600;display:flex;align-items:center;gap:4px}.book-selection-check{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:2px solid #cbd5e0;display:flex;align-items:center;justify-content:center;color:white;background:white;transition:all 0.3s}.book-selection-item.selected .book-selection-check{background:#188550;border-color:#188550}.book-selection-check i{font-size:16px;opacity:0;transition:opacity 0.3s}.book-selection-item.selected .book-selection-check i{opacity:1}.swal2-container{z-index:99999 !important}.swal2-popup{z-index:99999 !important}.movement-card{transition:all 0.3s ease;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden}.movement-card:hover{border-color:#188550;box-shadow:0 6px 16px rgba(24,133,80,0.2);transform:translateY(-4px)}.filter-container{display:flex;gap:0.5rem;flex-wrap:wrap;background:linear-gradient(135deg, #188550 0%, #58D77A 100%);padding:16px;border-radius:12px;box-shadow:0 4px 12px rgba(24,133,80,0.3);margin-bottom:20px}.filter-container .form-select{border:2px solid rgba(255,255,255,0.3);border-radius:8px;background:rgba(255,255,255,0.95);transition:all 0.3s ease}.filter-container .form-select:hover{border-color:white;box-shadow:0 2px 8px rgba(255,255,255,0.3)}.filter-container .form-select:focus{border-color:white;box-shadow:0 0 0 3px rgba(255,255,255,0.3);outline:none}.empty-state{padding:3rem 1rem;text-align:center;animation:fadeIn 0.5s ease}.empty-state i{font-size:4rem;color:#A8E6C1;margin-bottom:1rem}.badge.bg-warning{background:linear-gradient(135deg, #f59e0b 0%, #f97316 100%) !important;color:white}.badge.bg-success{background:linear-gradient(135deg, #10b981 0%, #059669 100%) !important}.btn-danger{background:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);border:none;transition:all 0.3s ease}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(239,68,68,0.4)}.btn-success{background:linear-gradient(135deg, #10b981 0%, #059669 100%);border:none;transition:all 0.3s ease}.btn-success:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,0.4)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.movement-card .row{flex-direction:column}.filter-container{width:100%;padding:12px}.filter-container select{flex:1;min-width:0}}.load-more-section{text-align:center;margin-top:20px;padding-top:20px;border-top:2px dashed #e2e8f0}.btn-load-more{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg, #188550 0%, #58D77A 100%);color:white;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(24,133,80,0.25)}.btn-load-more:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(24,133,80,0.35);color:white}.btn-load-more i{font-size:14px;transition:transform 0.3s ease}.btn-load-more:hover i{transform:translateY(2px)}.btn-load-more.btn-warning{background:linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);box-shadow:0 4px 12px rgba(245,158,11,0.25)}.btn-load-more.btn-warning:hover{box-shadow:0 6px 16px rgba(245,158,11,0.35)}.group-loading-indicator{display:flex;align-items:center;justify-content:center;padding:24px;margin-top:16px;background:linear-gradient(135deg, #f7fafc 0%, #fff 100%);border-radius:12px;border:2px dashed #e2e8f0}.loading-spinner{width:24px;height:24px;border:3px solid #e2e8f0;border-top-color:#188550;border-radius:50%;animation:spin 0.8s linear infinite}.loading-spinner.spinner-warning{border-top-color:#f59e0b}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-left:12px;font-size:14px;font-weight:600;color:#64748b;letter-spacing:0.3px}@media (max-width: 768px){.btn-load-more{width:100%;justify-content:center}.group-loading-indicator{padding:16px}.loading-spinner{width:20px;height:20px;border-width:2px}.loading-text{font-size:13px}}