.export-page{width:100%;min-height:100vh;padding:1rem;display:flex;flex-direction:column;gap:1.5rem;box-sizing:border-box}.export-form-wrapper{width:100%;padding:0;display:flex;justify-content:center;align-items:flex-start}.export-form{width:100%;max-width:100%;margin:0 auto}.export-card{padding:1.25rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);box-sizing:border-box}.export-card,.export-card>div:first-child{display:flex;flex-direction:column;gap:1.25rem;width:100%}.v-select,.vs-input{width:100%!important;box-sizing:border-box}.v-select .vs__dropdown-toggle{padding:.5rem;min-height:42px;border:1px solid #e0e0e0;border-radius:4px;background:#fff}.vs-input--input{width:100%!important;padding:.625rem .75rem;font-size:.9rem;box-sizing:border-box}label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.9rem;color:#333}.flex.w-full.flex-col.gap-4{display:flex;flex-direction:column;gap:.75rem;width:100%}.datetimepicker{width:100%!important}.datetimepicker input{width:100%!important;padding:.625rem .75rem;box-sizing:border-box;border:1px solid #e0e0e0;border-radius:4px}.datetimepicker>.flex{display:none!important}.visible>.flex{display:flex!important}.custom-datetime-wrapper{display:flex;gap:.75rem;align-items:center}.custom-date-input{flex:1;height:44px;border-radius:6px;border:1px solid #d0d5dd;padding:.625rem .75rem;font-size:.95rem;color:#374151;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.051);transition:all .2s ease;outline:none;cursor:pointer}.custom-date-input:hover{border-color:#9ca3af}.custom-date-input:focus{border-color:#ea5455;box-shadow:0 0 0 3px rgba(234,84,85,.12),0 1px 2px rgba(16,24,40,.051)}.custom-time-picker{flex:0 0 108px;height:44px;border-radius:6px;border:1px solid #d0d5dd;padding:0 12px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:.5rem;cursor:pointer;transition:all .2s ease}.custom-time-picker .time-display{font-size:.95rem;font-weight:500;color:#374151;font-family:Courier New,monospace}.custom-time-picker .clock-icon{color:#6b7280}.custom-time-picker:hover{border-color:#9ca3af;background:#f9fafb}.custom-time-picker:active{border-color:#ea5455;background:rgba(234,84,85,.1)}.time-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:100000;padding:20px}.time-picker-modal{background:#fff;border-radius:12px;width:100%;max-width:340px;box-shadow:0 20px 60px rgba(17,24,39,.25);overflow:hidden}.time-picker-header{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.time-picker-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.time-picker-header .close-btn{background:none;border:none;font-size:26px;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.time-picker-header .close-btn:hover{background:#f3f4f6;color:#374151}.time-picker-body{padding:20px}.time-scroll-container{display:flex;gap:12px;align-items:center;justify-content:center}.time-column{flex:1;display:flex;flex-direction:column;gap:8px}.time-column-header{text-align:center;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.time-scroll{height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;padding:4px}.time-scroll::-webkit-scrollbar{width:6px}.time-scroll::-webkit-scrollbar-track{background:transparent}.time-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.time-scroll::-webkit-scrollbar-thumb:hover{background:#9ca3af}.time-item{height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:#374151;cursor:pointer;border-radius:8px;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Courier New,monospace}.time-item:hover{background:#e5e7eb;color:#111827}.time-item.active{background:#ea5455;color:#fff;box-shadow:0 2px 10px rgba(234,84,85,.35)}.time-separator{font-size:28px;font-weight:600;color:#ea5455;font-family:Courier New,monospace;margin-top:28px}.time-picker-footer{padding:16px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.time-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.time-btn.time-btn-cancel{background:#f3f4f6;color:#374151}.time-btn.time-btn-cancel:hover{background:#e5e7eb}.time-btn.time-btn-confirm{background:#ea5455;color:#fff}.time-btn.time-btn-confirm:hover{background:#d13f41;box-shadow:0 4px 12px rgba(234,84,85,.35)}.drop-height-auto .vs__dropdown-menu{max-height:250px;overflow-y:auto}.vs-button{width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:6px;transition:all .3s ease;cursor:pointer;border:none;box-sizing:border-box}.vs-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(234,84,85,.3)}.vs-button:disabled{opacity:.5;cursor:not-allowed;transform:none}#loading-container{width:100%;min-height:30px;position:relative;margin:.5rem 0}.export-illustration{display:none;width:100%;justify-content:center;align-items:center;padding:1rem}.export-illustration img{width:100%;max-width:280px;height:auto;-o-object-fit:contain;object-fit:contain}@media (min-width:768px){.export-page{padding:1.5rem 2rem;gap:2rem}.export-card{padding:1.75rem 2rem;gap:1.5rem}.export-form{max-width:600px}.flex.w-full.flex-col.gap-4.sm\:flex-row.sm\:items-center.sm\:gap-6{flex-direction:row!important;align-items:center!important;gap:1rem!important}.flex.w-full.flex-col.gap-4.sm\:flex-row.sm\:items-center.sm\:gap-6 h6{width:40%!important;margin:0}.flex.w-full.flex-col.gap-4.sm\:flex-row.sm\:items-center.sm\:gap-6 .datetimepicker{width:60%!important}.flex.w-full.flex-col.gap-6.sm\:flex-row.sm\:gap-6{flex-direction:row!important;gap:1rem!important}.flex.w-full.flex-col.gap-6.sm\:flex-row.sm\:gap-6>div{width:50%!important}.export-illustration{display:flex}.export-illustration img{max-width:350px}}@media (max-width:640px){.custom-datetime-wrapper{flex-direction:column;align-items:stretch}.custom-time-picker{width:100%;justify-content:center}}@media (min-width:1024px){.export-page{flex-direction:row;padding:2rem 3rem;gap:3rem;align-items:flex-start}.export-form-wrapper{width:40%;padding:0}.export-form{max-width:540px}.export-card{padding:2rem 2.25rem;gap:1.75rem}.export-illustration{width:60%;display:flex;padding:2rem}.export-illustration img{max-width:450px}.vs-button{font-size:1.05rem;padding:.875rem 1.75rem}}@media (min-width:1280px){.export-page{padding:2.5rem 4rem;gap:4rem}.export-form-wrapper{width:35%}.export-illustration{width:65%}.export-illustration img{max-width:520px}.export-card{padding:2.25rem 2.5rem}}@media (max-width:480px){.export-page{padding:.75rem}.export-card{padding:1rem;gap:1rem}.vs-button{padding:.625rem 1.25rem;font-size:.9rem}label{font-size:.85rem}.v-select .vs__dropdown-toggle,.vs-input--input{font-size:.85rem;padding:.5rem}h6{font-size:.9rem}}.w-full{width:100%!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.flex-row{flex-direction:row!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-4{gap:1rem!important}.gap-6{gap:1.5rem!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#ea5455;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d64545}.v-select:focus-within,input:focus,select:focus{outline:2px solid #ea5455;outline-offset:2px}button:focus-visible{outline:2px solid #ea5455;outline-offset:2px}@media print{.export-illustration{display:none}.export-form-wrapper{width:100%}.vs-button{display:none}}