.draggable-thumb-container{border-radius:8px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.draggable-thumb-container:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.draggable-thumb-container.dragging{z-index:1000;transform:rotate(5deg);box-shadow:0 8px 16px #0000004d}.thumb-slide-container{border-radius:8px;width:120px;height:136px;position:relative;overflow:hidden}.thumb-slide-container img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.thumb-slide-container:hover img{transform:scale(1.05)}.delete-button{color:#fff;cursor:pointer;opacity:0;background:#dc3545e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:5px;right:5px;transform:scale(.8)}.thumb-slide-container:hover .delete-button{opacity:1;transform:scale(1)}.delete-button:hover{background:#dc3545;transform:scale(1.1)}.drag-handle{color:#fff;cursor:grab;opacity:0;background:#000000b3;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:5px;left:5px;transform:scale(.8)}.thumb-slide-container:hover .drag-handle{opacity:1;transform:scale(1)}.drag-handle:hover{background:#000000e6;transform:scale(1.1)}.drag-handle:active{cursor:grabbing}.draggable-thumbs-container{padding:0 10px}.draggable-thumbs-container::-webkit-scrollbar{height:6px}.draggable-thumbs-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.draggable-thumbs-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.draggable-thumbs-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@keyframes dragStart{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1.02)}}.draggable-thumb-container[data-dragging=true]{animation:.2s dragStart}.drop-indicator{opacity:0;background:#007bff;border-radius:2px;width:3px;transition:opacity .2s;position:absolute;top:0;bottom:0}.drop-indicator.active{opacity:1}.move-button{color:#fff;cursor:pointer;opacity:0;z-index:10;background:#000000a6;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;bottom:5px;transform:scale(.8)}.move-button-left{left:5px}.move-button-right{right:5px}.thumb-slide-container:hover .move-button{opacity:1;transform:scale(1)}.move-button:hover{background:#000000e6;transform:scale(1.1)}@media (hover:none){.move-button,.delete-button,.drag-handle{opacity:1;transform:scale(1)}}@media (max-width:768px){.thumb-slide-container{width:100px;height:112px}.delete-button,.drag-handle,.move-button{width:24px;height:24px;font-size:12px}.draggable-thumbs-container{padding:0 5px}}.reordering-overlay{z-index:1001;background:#fffc;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.reordering-spinner{border:2px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.custom-tabs .nav-pills{border-bottom:1px solid #dee2e6;margin-bottom:1.5rem;padding-bottom:1rem}.custom-tabs .nav-pills .nav-link{color:#495057;background-color:#f8f9fa;border:1px solid #dee2e6;border-bottom:none;border-radius:.5rem .5rem 0 0;margin-bottom:-1px;padding:.75rem 1.5rem;font-weight:500;transition:all .3s;position:relative}.custom-tabs .nav-pills .nav-link:hover{background-color:#e9ecef}.custom-tabs .nav-pills .nav-link.active{color:var(--bs-primary);background-color:#fff;border-color:#dee2e6 #dee2e6 #fff;border-bottom-style:solid;border-bottom-width:2px}.custom-tabs .nav-pills .nav-link.active:after{content:"";z-index:1;background-color:#fff;height:2px;position:absolute;bottom:-2px;left:0;right:0}.custom-tabs .nav-pills .nav-item{margin-right:.5rem}.custom-tabs .nav-pills .nav-item:last-child{margin-right:0}.custom-tabs .badge{font-size:.75rem}@media (max-width:768px){.custom-tabs{padding:1rem}.custom-tabs .nav-pills .nav-link{padding:.5rem 1rem;font-size:.9rem}.custom-tabs .badge{display:none}}
.sales-agreement-timeline{background:#fff;border-radius:8px;padding:0}.timeline-header{border-bottom:1px solid #e9ecef;padding-bottom:1rem}.timeline-steps{padding:1rem 0}.timeline-step{align-items:flex-start;margin-bottom:2rem;padding-left:0;display:flex;position:relative}.timeline-step:last-child{margin-bottom:0}.timeline-step-connector{z-index:1;width:2px;height:calc(100% + 1rem);position:absolute;top:40px;left:20px}.timeline-line{background:#dee2e6;width:100%;height:100%;transition:background-color .3s}.timeline-line.completed{background:#28a745}.timeline-step-icon{z-index:2;flex-shrink:0;margin-right:1rem;position:relative}.timeline-icon-wrapper{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;transition:all .3s;display:flex}.timeline-step-pending .timeline-icon-wrapper{color:#6c757d;background:#dee2e6}.timeline-step-in-progress .timeline-icon-wrapper{color:#fff;background:#ffc107;animation:2s infinite pulse}.timeline-step-completed .timeline-icon-wrapper{color:#fff;background:#28a745}.timeline-step-overdue .timeline-icon-wrapper{color:#fff;background:#dc3545}.timeline-status-indicator{background:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;display:flex;position:absolute;bottom:-5px;right:-5px;box-shadow:0 2px 4px #0000001a}.timeline-step-pending .timeline-status-indicator{background:#f8f9fa;border-color:#dee2e6}.timeline-step-pending .timeline-step-pending{background:#dee2e6;border-radius:50%;width:8px;height:8px}.timeline-step-content{flex:1;min-width:0}.timeline-step-header{justify-content:between;align-items:flex-start;margin-bottom:.5rem;display:flex}.timeline-step-header h6{color:#212529;flex:1;margin:0;font-weight:600}.timeline-step-description{color:#6c757d;margin-bottom:.5rem;font-size:.875rem}.timeline-step-countdown,.timeline-step-overdue{margin-top:.5rem}.timeline-step-countdown .badge,.timeline-step-overdue .badge{padding:.25rem .5rem;font-size:.75rem}@keyframes pulse{0%{box-shadow:0 0 #ffc107b3}70%{box-shadow:0 0 0 10px #ffc10700}to{box-shadow:0 0 #ffc10700}}@media (max-width:768px){.timeline-step{margin-bottom:1.5rem}.timeline-step-icon{margin-right:.75rem}.timeline-icon-wrapper{width:35px;height:35px;font-size:.875rem}.timeline-step-header{flex-direction:column;align-items:flex-start}.timeline-step-header small{margin-top:.25rem}}.timeline-step-completed .timeline-step-content{opacity:.8}.timeline-step-overdue .timeline-step-content h6{color:#dc3545}.timeline-step-in-progress .timeline-step-content h6{color:#212529;font-weight:700}.progress{background-color:#e9ecef;border-radius:4px;overflow:hidden}.progress-bar{transition:width .6s}.badge.bg-success{background-color:#28a745!important}.badge.bg-warning{color:#212529!important;background-color:#ffc107!important}.badge.bg-danger{background-color:#dc3545!important}.badge.bg-info{background-color:#17a2b8!important}