.vehicle-reservation-management[data-v-34b6cece]{padding:0 20px 20px 20px;background:#f5f7fa;min-height:100vh}.vehicle-reservation-management .page-header[data-v-34b6cece]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:16px 28px;margin-bottom:0;box-shadow:0 4px 20px rgba(102,126,234,.15)}.vehicle-reservation-management .page-header .page-header-content .page-title[data-v-34b6cece]{display:flex;align-items:center;gap:12px}.vehicle-reservation-management .page-header .page-header-content .page-title .title-icon[data-v-34b6cece]{width:24px;height:24px;background:hsla(0,0%,100%,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vehicle-reservation-management .page-header .page-header-content .page-title .title-icon .header-icon[data-v-34b6cece]{font-size:16px;color:#fff}.vehicle-reservation-management .page-header .page-header-content .page-title .title-text h1[data-v-34b6cece]{margin:0 0 2px 0;font-size:16px;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.vehicle-reservation-management .page-header .page-header-content .page-title .title-text .title-desc[data-v-34b6cece]{margin:0;font-size:12px;color:hsla(0,0%,100%,.8);font-weight:400}.vehicle-reservation-management .container .search-panel[data-v-34b6cece]{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);margin-bottom:20px;overflow:hidden}.vehicle-reservation-management .container .search-panel .search-panel-header[data-v-34b6cece]{padding:20px 24px;border-bottom:1px solid #f0f2f5;cursor:pointer;transition:all .3s ease}.vehicle-reservation-management .container .search-panel .search-panel-header[data-v-34b6cece]:hover{background-color:#fafbfc}.vehicle-reservation-management .container .search-panel .search-panel-header .search-title[data-v-34b6cece]{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#303133}.vehicle-reservation-management .container .search-panel .search-panel-header .search-title .el-icon[data-v-34b6cece]{font-size:18px;color:#409eff}.vehicle-reservation-management .container .search-panel .search-panel-header .search-title .toggle-icon[data-v-34b6cece]{margin-left:auto;font-size:14px;color:#909399;transition:transform .3s ease}.vehicle-reservation-management .container .search-panel .search-panel-header .search-title .toggle-icon.expanded[data-v-34b6cece]{transform:rotate(180deg)}.vehicle-reservation-management .container .search-panel .search-panel-body[data-v-34b6cece]{padding:24px;background:#fafbfc}.vehicle-reservation-management .container .search-panel .search-panel-body .search-form .search-row[data-v-34b6cece]{display:flex;align-items:center;gap:24px;margin-bottom:20px;flex-wrap:wrap}.vehicle-reservation-management .container .search-panel .search-panel-body .search-form .search-row .search-item[data-v-34b6cece]{margin-bottom:0;min-width:280px}.vehicle-reservation-management .container .search-panel .search-panel-body .search-form .search-row .search-item[data-v-34b6cece] .el-form-item__label{font-weight:500;color:#606266}.vehicle-reservation-management .container .search-panel .search-panel-body .search-form .search-row .search-item .search-input[data-v-34b6cece],.vehicle-reservation-management .container .search-panel .search-panel-body .search-form .search-row .search-item .search-select[data-v-34b6cece]{width:200px}.vehicle-reservation-management .container .search-panel .search-panel-body .search-form .search-row .search-item .search-input[data-v-34b6cece] .el-input__wrapper,.vehicle-reservation-management .container .search-panel .search-panel-body .search-form .search-row .search-item .search-select[data-v-34b6cece] .el-input__wrapper{border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .3s ease}.vehicle-reservation-management .container .search-panel .search-panel-body .search-form .search-row .search-item .search-input[data-v-34b6cece] .el-input__wrapper:hover,.vehicle-reservation-management .container .search-panel .search-panel-body .search-form .search-row .search-item .search-select[data-v-34b6cece] .el-input__wrapper:hover{box-shadow:0 2px 6px rgba(0,0,0,.12)}.vehicle-reservation-management .container .search-panel .search-panel-body .search-form .search-row .search-buttons-inline[data-v-34b6cece]{display:flex;gap:12px;align-items:center;margin-left:auto;flex-wrap:wrap}.vehicle-reservation-management .container .table-panel[data-v-34b6cece]{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);overflow:hidden}.vehicle-reservation-management .container .table-panel .table-panel-header[data-v-34b6cece]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f2f5;background:#fafbfc}.vehicle-reservation-management .container .table-panel .table-panel-header .table-title[data-v-34b6cece]{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#303133}.vehicle-reservation-management .container .table-panel .table-panel-header .table-title .el-icon[data-v-34b6cece]{font-size:18px;color:#409eff}.vehicle-reservation-management .container .table-panel .table-panel-header .table-stats[data-v-34b6cece]{color:#909399;font-size:14px;font-weight:500}.vehicle-reservation-management .container .table-panel .table-panel-body[data-v-34b6cece]{padding:24px}.vehicle-reservation-management .container .table-panel .table-panel-body .modern-table[data-v-34b6cece]{border-radius:8px;overflow:hidden}.vehicle-reservation-management .container .table-panel .table-panel-body .modern-table .vehicle-info-cell .vehicle-details[data-v-34b6cece]{display:flex;flex-direction:column;gap:8px}.vehicle-reservation-management .container .table-panel .table-panel-body .modern-table .vehicle-info-cell .vehicle-details .car-number-container .plate-number[data-v-34b6cece]{display:inline-block;padding:6px 10px;border-radius:4px;font-weight:700;font-size:14px;font-family:微软雅黑,Microsoft YaHei,sans-serif;letter-spacing:.5px;min-width:80px;text-align:center;transition:all .3s ease}.vehicle-reservation-management .container .table-panel .table-panel-body .modern-table .vehicle-info-cell .vehicle-details .car-number-container .plate-number.traditional[data-v-34b6cece]{background:linear-gradient(180deg,#0c4fc5,#216fef)!important;color:#fff!important;border:1px solid #0c4fc5!important;box-shadow:0 2px 4px rgba(12,79,197,.3)!important}.vehicle-reservation-management .container .table-panel .table-panel-body .modern-table .vehicle-info-cell .vehicle-details .car-number-container .plate-number.new-energy[data-v-34b6cece]{background:linear-gradient(180deg,#6ad390,#d0f1e4)!important;color:#000!important;border:1px solid #6ad390!important;box-shadow:0 2px 4px rgba(106,211,144,.3)!important}.vehicle-reservation-management .container .table-panel .table-panel-body .modern-table .vehicle-info-cell .vehicle-details .car-number-container .plate-number[data-v-34b6cece]:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,.15)}.vehicle-reservation-management .container .table-panel .table-panel-body .modern-table .vehicle-info-cell .vehicle-details .yard-name-tag .el-tag[data-v-34b6cece]{border-radius:12px;font-size:12px}.vehicle-reservation-management .container .table-panel .table-panel-body .modern-table .merchant-name[data-v-34b6cece]{font-weight:600;color:#303133;font-size:14px}.vehicle-reservation-management .container .table-panel .table-panel-body .modern-table .notifier-name[data-v-34b6cece]{font-size:14px;color:#606266;font-weight:500}.vehicle-reservation-management .container .table-panel .table-panel-body .modern-table .time-info[data-v-34b6cece]{display:flex;align-items:center;gap:6px;font-size:13px;color:#606266}.vehicle-reservation-management .container .table-panel .table-panel-body .modern-table .time-info .el-icon[data-v-34b6cece]{color:#409eff}.vehicle-reservation-management .container .table-panel .table-panel-body .modern-table .time-info-single[data-v-34b6cece]{font-size:13px;color:#606266;white-space:nowrap;line-height:1.4}.vehicle-reservation-management .container .table-panel .table-panel-body .modern-table .status-tag[data-v-34b6cece]{font-weight:500;border-radius:12px}.vehicle-reservation-management .container .table-panel .table-panel-body .modern-table .remark-text[data-v-34b6cece]{color:#606266;font-size:13px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-reservation-management .container .table-panel .table-panel-body .modern-table .update-time[data-v-34b6cece]{font-size:13px;color:#909399}.vehicle-reservation-management .container .table-panel .table-panel-body .modern-table .action-buttons[data-v-34b6cece]{display:flex;gap:8px;justify-content:center}.vehicle-reservation-management .container .table-panel .table-panel-body .modern-table .action-buttons .action-btn[data-v-34b6cece]{padding:4px 12px;font-size:12px;border-radius:6px;font-weight:500}.vehicle-reservation-management .container .table-panel .table-panel-body .pagination-container[data-v-34b6cece]{display:flex;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #f0f2f5}.vehicle-reservation-management .modern-dialog[data-v-34b6cece] .el-dialog{border-radius:20px!important;box-shadow:0 20px 60px rgba(0,0,0,.2)!important;overflow:hidden!important;border:none!important}.vehicle-reservation-management .modern-dialog[data-v-34b6cece] .el-dialog__header{padding:32px 32px 24px!important;border-bottom:none!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;position:relative}.vehicle-reservation-management .modern-dialog[data-v-34b6cece] .el-dialog__header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.3),hsla(0,0%,100%,.1))}.vehicle-reservation-management .modern-dialog[data-v-34b6cece] .el-dialog__header .el-dialog__title{font-weight:700!important;color:#fff!important;font-size:22px!important;text-shadow:0 2px 8px rgba(0,0,0,.3)!important;margin:0!important}.vehicle-reservation-management .modern-dialog[data-v-34b6cece] .el-dialog__header .el-dialog__headerbtn{top:24px!important;right:24px!important;width:40px!important;height:40px!important;background:hsla(0,0%,100%,.1)!important;border-radius:50%!important;transition:all .3s ease!important}.vehicle-reservation-management .modern-dialog[data-v-34b6cece] .el-dialog__header .el-dialog__headerbtn:hover{background:hsla(0,0%,100%,.2)!important;transform:scale(1.1)!important}.vehicle-reservation-management .modern-dialog[data-v-34b6cece] .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:hsla(0,0%,100%,.9)!important;font-size:20px!important;font-weight:600!important}.vehicle-reservation-management .modern-dialog[data-v-34b6cece] .el-dialog__header .el-dialog__headerbtn .el-dialog__close:hover{color:#fff!important}.vehicle-reservation-management .modern-dialog[data-v-34b6cece] .el-dialog__body{padding:0!important;background:linear-gradient(180deg,#f8fafc 0,#fff 50%,#f8fafc)!important}.vehicle-reservation-management .modern-dialog.reservation-dialog .dialog-content[data-v-34b6cece]{padding:32px;background:#fff;max-height:70vh;overflow-y:auto}.vehicle-reservation-management .modern-dialog.reservation-dialog .dialog-content[data-v-34b6cece]::-webkit-scrollbar{width:6px}.vehicle-reservation-management .modern-dialog.reservation-dialog .dialog-content[data-v-34b6cece]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.vehicle-reservation-management .modern-dialog.reservation-dialog .dialog-content[data-v-34b6cece]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.vehicle-reservation-management .modern-dialog.reservation-dialog .dialog-content[data-v-34b6cece]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.vehicle-reservation-management .modern-dialog.reservation-dialog .modern-form .form-section[data-v-34b6cece]{margin-bottom:24px}.vehicle-reservation-management .modern-dialog.reservation-dialog .modern-form .form-section .section-title[data-v-34b6cece]{font-size:16px;font-weight:600;color:#303133;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e8eaed;position:relative}.vehicle-reservation-management .modern-dialog.reservation-dialog .modern-form .form-section .section-title[data-v-34b6cece]:after{content:"";position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:linear-gradient(45deg,#409eff,#6b9eff)}.vehicle-reservation-management .modern-dialog.reservation-dialog .modern-form .form-grid[data-v-34b6cece]{display:grid;gap:20px}.vehicle-reservation-management .modern-dialog.reservation-dialog .modern-form .form-grid.grid-1[data-v-34b6cece]{grid-template-columns:1fr}.vehicle-reservation-management .modern-dialog.reservation-dialog .modern-form .form-grid.grid-2[data-v-34b6cece]{grid-template-columns:1fr 1fr}.vehicle-reservation-management .modern-dialog.reservation-dialog .modern-form .form-grid.grid-4[data-v-34b6cece]{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.vehicle-reservation-management .modern-dialog.reservation-dialog .modern-form .form-grid[data-v-34b6cece]{grid-template-columns:1fr!important}}.vehicle-reservation-management .modern-dialog.reservation-dialog .modern-form .form-select[data-v-34b6cece]{width:70%}.vehicle-reservation-management .modern-dialog.reservation-dialog .modern-form .form-input[data-v-34b6cece]{width:40%}.vehicle-reservation-management .modern-dialog.reservation-dialog .modern-form .form-date-picker[data-v-34b6cece],.vehicle-reservation-management .modern-dialog.reservation-dialog .modern-form .form-textarea[data-v-34b6cece]{width:100%}.vehicle-reservation-management .modern-dialog.reservation-dialog .modern-form[data-v-34b6cece] .el-form-item__label{font-weight:500;color:#606266}.vehicle-reservation-management .modern-dialog.reservation-dialog .modern-form[data-v-34b6cece] .el-input__wrapper,.vehicle-reservation-management .modern-dialog.reservation-dialog .modern-form[data-v-34b6cece] .el-select .el-input__wrapper,.vehicle-reservation-management .modern-dialog.reservation-dialog .modern-form[data-v-34b6cece] .el-textarea__inner{border-radius:8px;border:1px solid #e5e7eb;transition:all .3s ease}.vehicle-reservation-management .modern-dialog.reservation-dialog .modern-form[data-v-34b6cece] .el-input__wrapper:hover,.vehicle-reservation-management .modern-dialog.reservation-dialog .modern-form[data-v-34b6cece] .el-select .el-input__wrapper:hover,.vehicle-reservation-management .modern-dialog.reservation-dialog .modern-form[data-v-34b6cece] .el-textarea__inner:hover{border-color:#409eff;box-shadow:0 2px 8px rgba(64,158,255,.1)}.vehicle-reservation-management .modern-dialog.reservation-dialog .modern-form[data-v-34b6cece] .el-input__wrapper.is-focus,.vehicle-reservation-management .modern-dialog.reservation-dialog .modern-form[data-v-34b6cece] .el-select .el-input__wrapper.is-focus,.vehicle-reservation-management .modern-dialog.reservation-dialog .modern-form[data-v-34b6cece] .el-textarea__inner.is-focus{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.2)}.vehicle-reservation-management .modern-dialog.reservation-dialog .modern-form[data-v-34b6cece] .el-date-picker .el-input__wrapper{width:100%}.vehicle-reservation-management .modern-dialog.reservation-dialog .modern-form[data-v-34b6cece] .el-textarea .el-textarea__inner{resize:vertical;min-height:80px}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .form-section[data-v-34b6cece]{margin-bottom:28px;border-radius:16px;border:1px solid rgba(99,102,241,.1);background:linear-gradient(145deg,#fff,#f8fafc);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 12px rgba(99,102,241,.08)}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .form-section[data-v-34b6cece]:hover{border-color:rgba(99,102,241,.2);box-shadow:0 8px 32px rgba(99,102,241,.15);transform:translateY(-2px)}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .form-section[data-v-34b6cece]:last-child{margin-bottom:0}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .form-section .section-title[data-v-34b6cece]{display:flex;align-items:center;gap:16px;padding:24px 28px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-bottom:none;font-weight:700;font-size:17px;color:#fff;position:relative;overflow:hidden}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .form-section .section-title[data-v-34b6cece]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .6s ease}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .form-section .section-title[data-v-34b6cece]:hover:before{left:100%}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .form-section .section-title .section-icon[data-v-34b6cece]{font-size:22px;color:#fff;background:hsla(0,0%,100%,.15);padding:10px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .form-section .form-grid[data-v-34b6cece]{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:28px;background:#fff}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .form-section .el-form-item[data-v-34b6cece]{margin-bottom:0;padding:0 28px 28px 28px;background:#fff}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .form-section .el-form-item[data-v-34b6cece]:last-child{padding-bottom:28px}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .plate-input-container[data-v-34b6cece]{display:flex;align-items:center;gap:24px;background:linear-gradient(145deg,#f8fafc,#fff);padding:20px;border-radius:16px;border:1px solid rgba(99,102,241,.1)}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .plate-input-container .plate-input[data-v-34b6cece]{flex:1}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .plate-input-container .plate-preview[data-v-34b6cece]{flex-shrink:0;animation:fadeInRight-34b6cece .5s ease-out;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .plate-input-container .plate-preview .plate-number-preview[data-v-34b6cece]{display:inline-block;font-size:18px;font-weight:900;padding:16px 20px;border-radius:12px;font-family:微软雅黑,Microsoft YaHei,Arial,sans-serif;letter-spacing:2px;min-width:140px;text-align:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:3px solid transparent;position:relative;overflow:hidden;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .plate-input-container .plate-preview .plate-number-preview[data-v-34b6cece]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);transition:left .8s ease}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .plate-input-container .plate-preview .plate-number-preview[data-v-34b6cece]:after{content:"";position:absolute;inset:0;border-radius:9px;padding:3px;background:linear-gradient(145deg,transparent,hsla(0,0%,100%,.3),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .plate-input-container .plate-preview .plate-number-preview[data-v-34b6cece]:hover:before{left:100%}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .plate-input-container .plate-preview .plate-number-preview[data-v-34b6cece]:hover:after{opacity:1}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .plate-input-container .plate-preview .plate-number-preview.traditional[data-v-34b6cece]{background:linear-gradient(145deg,#1e3a8a,#2563eb 25%,#3b82f6 50%,#1d4ed8 75%,#1e40af);color:#fff;border:3px solid #1e40af;box-shadow:0 8px 24px rgba(30,64,175,.5),0 4px 8px rgba(30,64,175,.4),inset 0 2px 4px hsla(0,0%,100%,.3),inset 0 -2px 4px rgba(0,0,0,.2);text-shadow:0 2px 4px rgba(0,0,0,.5)}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .plate-input-container .plate-preview .plate-number-preview.new-energy[data-v-34b6cece]{background:linear-gradient(145deg,#15803d,#16a34a 25%,#22c55e 50%,#15803d 75%,#166534);color:#fff;border:3px solid #16a34a;box-shadow:0 8px 24px rgba(22,163,74,.5),0 4px 8px rgba(22,163,74,.4),inset 0 2px 4px hsla(0,0%,100%,.3),inset 0 -2px 4px rgba(0,0,0,.2);text-shadow:0 2px 4px rgba(0,0,0,.5)}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .plate-input-container .plate-preview .plate-number-preview[data-v-34b6cece]:hover{transform:translateY(-4px) scale(1.08) rotateX(5deg);box-shadow:0 12px 32px rgba(0,0,0,.25),0 6px 16px rgba(0,0,0,.2)}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .plate-input-container .plate-preview .plate-number-preview[data-v-34b6cece]:active{transform:translateY(-2px) scale(1.03);transition:all .1s ease}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .form-date-picker[data-v-34b6cece],.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .form-input[data-v-34b6cece],.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .form-select[data-v-34b6cece],.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form .form-textarea[data-v-34b6cece]{width:100%}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form[data-v-34b6cece] .el-form-item__label{font-weight:700;color:#1f2937;font-size:15px;line-height:1.6;margin-bottom:8px;display:flex;align-items:center;gap:6px}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form[data-v-34b6cece] .el-form-item__label:before{content:"";width:3px;height:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:2px}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form[data-v-34b6cece] .el-input__wrapper,.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form[data-v-34b6cece] .el-select .el-input__wrapper,.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form[data-v-34b6cece] .el-textarea__inner{border-radius:12px;border:2px solid #e5e7eb;box-shadow:0 2px 8px rgba(99,102,241,.08);transition:all .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(145deg,#fff,#f8fafc);min-height:44px}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form[data-v-34b6cece] .el-input__wrapper:hover,.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form[data-v-34b6cece] .el-select .el-input__wrapper:hover,.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form[data-v-34b6cece] .el-textarea__inner:hover{border-color:rgba(99,102,241,.3);box-shadow:0 4px 16px rgba(99,102,241,.15);transform:translateY(-1px)}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form[data-v-34b6cece] .el-input__wrapper.is-focus,.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form[data-v-34b6cece] .el-select .el-input__wrapper.is-focus,.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form[data-v-34b6cece] .el-textarea__inner.is-focus{border-color:#6366f1;box-shadow:0 0 0 4px rgba(99,102,241,.12);background:#fff;transform:translateY(-1px)}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form[data-v-34b6cece] .el-input__inner,.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form[data-v-34b6cece] .el-textarea__inner{font-size:15px;color:#1f2937;font-weight:500;padding:12px 16px}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form[data-v-34b6cece] .el-input__inner::-moz-placeholder,.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form[data-v-34b6cece] .el-textarea__inner::-moz-placeholder{color:#9ca3af;font-weight:400}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form[data-v-34b6cece] .el-input__inner::placeholder,.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form[data-v-34b6cece] .el-textarea__inner::placeholder{color:#9ca3af;font-weight:400}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form[data-v-34b6cece] .el-select__placeholder{color:#9ca3af;font-weight:400}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form[data-v-34b6cece] .el-date-picker .el-input__wrapper{min-height:44px}.vehicle-reservation-management .modern-dialog.reservation-dialog .reservation-form[data-v-34b6cece] .el-textarea .el-textarea__inner{padding:16px;line-height:1.6;resize:vertical;min-height:100px}.vehicle-reservation-management .modern-dialog.reservation-dialog .dialog-footer[data-v-34b6cece]{display:flex;justify-content:center;gap:20px;padding:28px 32px 32px;border-top:1px solid rgba(99,102,241,.1);background:linear-gradient(0deg,#f8fafc 0,#fff);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vehicle-reservation-management .modern-dialog.reservation-dialog .dialog-footer .cancel-btn[data-v-34b6cece],.vehicle-reservation-management .modern-dialog.reservation-dialog .dialog-footer .confirm-btn[data-v-34b6cece]{padding:14px 36px;border-radius:14px;font-weight:700;font-size:15px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:10px;min-width:140px;justify-content:center;position:relative;overflow:hidden}.vehicle-reservation-management .modern-dialog.reservation-dialog .dialog-footer .cancel-btn[data-v-34b6cece]:before,.vehicle-reservation-management .modern-dialog.reservation-dialog .dialog-footer .confirm-btn[data-v-34b6cece]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .6s ease}.vehicle-reservation-management .modern-dialog.reservation-dialog .dialog-footer .cancel-btn[data-v-34b6cece]:hover:before,.vehicle-reservation-management .modern-dialog.reservation-dialog .dialog-footer .confirm-btn[data-v-34b6cece]:hover:before{left:100%}.vehicle-reservation-management .modern-dialog.reservation-dialog .dialog-footer .cancel-btn .el-icon[data-v-34b6cece],.vehicle-reservation-management .modern-dialog.reservation-dialog .dialog-footer .confirm-btn .el-icon[data-v-34b6cece]{font-size:18px}.vehicle-reservation-management .modern-dialog.reservation-dialog .dialog-footer .cancel-btn[data-v-34b6cece]{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:2px solid #e5e7eb;color:#6b7280;box-shadow:0 4px 12px rgba(0,0,0,.08)}.vehicle-reservation-management .modern-dialog.reservation-dialog .dialog-footer .cancel-btn[data-v-34b6cece]:hover{background:linear-gradient(145deg,#f1f5f9,#e2e8f0);border-color:#d1d5db;color:#374151;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px rgba(0,0,0,.15)}.vehicle-reservation-management .modern-dialog.reservation-dialog .dialog-footer .cancel-btn[data-v-34b6cece]:active{transform:translateY(0) scale(1);transition:all .1s ease}.vehicle-reservation-management .modern-dialog.reservation-dialog .dialog-footer .confirm-btn[data-v-34b6cece]{background:linear-gradient(145deg,#6366f1,#8b5cf6 50%,#a855f7);border:none;color:#fff;box-shadow:0 6px 20px rgba(99,102,241,.4);text-shadow:0 1px 2px rgba(0,0,0,.2)}.vehicle-reservation-management .modern-dialog.reservation-dialog .dialog-footer .confirm-btn[data-v-34b6cece]:hover{background:linear-gradient(145deg,#5b5bf6,#7c3aed 50%,#9333ea);transform:translateY(-3px) scale(1.05);box-shadow:0 10px 32px rgba(99,102,241,.6)}.vehicle-reservation-management .modern-dialog.reservation-dialog .dialog-footer .confirm-btn[data-v-34b6cece]:active{transform:translateY(-1px) scale(1.02);transition:all .1s ease}.vehicle-reservation-management .modern-dialog .timeout-form[data-v-34b6cece]{margin-bottom:20px;padding:20px;background:#fafbfc;border-radius:8px}.vehicle-reservation-management .modern-dialog .timeout-form .timeout-controls[data-v-34b6cece]{display:flex;align-items:center;gap:12px}.vehicle-reservation-management .modern-dialog .timeout-table[data-v-34b6cece]{margin-top:20px;border-radius:8px;overflow:hidden}.vehicle-reservation-management .modern-dialog .dialog-footer[data-v-34b6cece]{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 24px;border-top:1px solid #f0f2f5;background:#fafbfc}[data-v-34b6cece] .odd-row{background-color:#fafbfc!important}[data-v-34b6cece] .even-row{background-color:#fff!important}[data-v-34b6cece] .el-table{border-radius:8px;overflow:hidden;border:1px solid #f0f2f5}[data-v-34b6cece] .el-table th.el-table__cell{background-color:#f8f9fa!important;color:#303133;font-weight:600;border-bottom:1px solid #e4e7ed;padding:12px 8px}[data-v-34b6cece] .el-table td.el-table__cell{padding:12px 8px;border-bottom:1px solid #f5f7fa}[data-v-34b6cece] .el-table .el-table__body tr:hover>td{background-color:#f0f9ff!important}[data-v-34b6cece] .el-button{border-radius:8px;font-weight:500;transition:all .3s ease}[data-v-34b6cece] .el-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}[data-v-34b6cece] .el-button.is-disabled{transform:none;box-shadow:none}[data-v-34b6cece] .el-button--small{padding:6px 12px;font-size:12px}[data-v-34b6cece] .el-input__wrapper{border-radius:8px;transition:all .3s ease}[data-v-34b6cece] .el-input__wrapper:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}[data-v-34b6cece] .el-select{width:100%}[data-v-34b6cece] .el-select .el-input__wrapper{border-radius:8px}[data-v-34b6cece] .el-tag{border-radius:12px;font-weight:500;border:none}[data-v-34b6cece] .el-tag--info{background-color:#f4f4f5;color:#606266}[data-v-34b6cece] .el-tag--success{background-color:#f0f9ff;color:#1890ff}[data-v-34b6cece] .el-tag--danger{background-color:#fff2f0;color:#ff4d4f}[data-v-34b6cece] .el-pagination .el-pager li{border-radius:6px;margin:0 2px}[data-v-34b6cece] .el-pagination .btn-next,[data-v-34b6cece] .el-pagination .btn-prev{border-radius:6px}[data-v-34b6cece] .el-date-picker{width:100%}[data-v-34b6cece] .el-date-picker .el-input__wrapper{border-radius:8px}@keyframes fadeInRight-34b6cece{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp-34b6cece{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-34b6cece{0%{box-shadow:0 0 0 0 rgba(99,102,241,.4)}70%{box-shadow:0 0 0 10px rgba(99,102,241,0)}to{box-shadow:0 0 0 0 rgba(99,102,241,0)}}@media(max-width:768px){.vehicle-reservation-management[data-v-34b6cece]{padding:12px}.vehicle-reservation-management .page-header[data-v-34b6cece]{padding:16px 20px}.vehicle-reservation-management .page-header .page-header-content .page-title[data-v-34b6cece]{gap:12px}.vehicle-reservation-management .page-header .page-header-content .page-title .title-icon[data-v-34b6cece]{width:40px;height:40px}.vehicle-reservation-management .page-header .page-header-content .page-title .title-icon .header-icon[data-v-34b6cece],.vehicle-reservation-management .page-header .page-header-content .page-title .title-text h1[data-v-34b6cece]{font-size:20px}.vehicle-reservation-management .container .search-panel .search-panel-body .search-form .search-row[data-v-34b6cece]{flex-direction:column;gap:16px}.vehicle-reservation-management .container .search-panel .search-panel-body .search-form .search-row .search-item[data-v-34b6cece]{min-width:100%}.vehicle-reservation-management .container .table-panel .table-panel-body[data-v-34b6cece]{padding:16px;overflow-x:auto}.vehicle-reservation-management .modern-dialog[data-v-34b6cece] .el-dialog{margin:5vh auto;width:90%!important}}