@import url(https://fonts.googleapis.com/css2?family=Sarabun:wght@100;200;300;400;800&display=swap);*{font-family:Sarabun,sans-serif}.bgtable{background-color:#001529;color:#fff}.v-data-table-header-mobile__select{background-color:#fff}:root{--color-primary:#1565c0;--color-primary-light:#5e92f3;--color-primary-dark:#003c8f;--color-secondary:#0d2137;--color-secondary-light:#364f6b;--color-success:#28a745;--color-warning:#ffc107;--color-error:#dc3545;--color-info:#17a2b8;--color-white:#fff;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--shadow-xs:0 1px 2px rgba(0,0,0,0.05);--shadow-sm:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-gray-50)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--color-gray-900)}.v-app-bar{box-shadow:var(--shadow-md)!important}.v-navigation-drawer{box-shadow:var(--shadow-lg)!important}.v-navigation-drawer .v-list-item{margin:4px 8px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.v-navigation-drawer .v-list-item:hover{background:hsla(0,0%,100%,.1)!important}.v-navigation-drawer .v-list-item--active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))!important}.v-navigation-drawer .v-list-item--active .v-icon,.v-navigation-drawer .v-list-item--active .v-list-item__title{color:#fff!important}.v-navigation-drawer .v-list-group__header{margin:4px 8px;border-radius:var(--radius-md)}.v-card{border-radius:var(--radius-lg)!important;overflow:hidden}.v-card.elevation-1{box-shadow:var(--shadow-sm)!important}.v-card.elevation-2{box-shadow:var(--shadow-md)!important}.v-data-table{border-radius:var(--radius-lg)!important;overflow:hidden}.v-data-table thead th{font-weight:600!important;text-transform:uppercase;font-size:.75rem!important;letter-spacing:.5px}.v-data-table tbody tr{transition:background-color var(--transition-fast)}.v-data-table tbody tr:hover{background-color:var(--color-gray-50)!important}.v-data-table tbody td{font-size:.875rem}.bgtable{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-light))!important;color:#fff!important;font-weight:600!important}.v-btn{text-transform:none!important;font-weight:500!important;letter-spacing:.3px;border-radius:var(--radius-md)!important;transition:all var(--transition-fast)!important}.v-btn:not(.v-btn--icon):not(.v-btn--fab){box-shadow:var(--shadow-xs)!important}.v-btn:not(.v-btn--icon):not(.v-btn--fab):hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)!important}.v-btn.v-btn--outlined{border-width:1.5px}.v-text-field.v-text-field--outlined .v-input__slot{border-radius:var(--radius-md)!important}.v-text-field.v-text-field--outlined fieldset{border-color:var(--color-gray-300)!important;transition:all var(--transition-fast)}.v-text-field.v-text-field--outlined.v-input--is-focused fieldset{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px rgba(21,101,192,.1)}.v-autocomplete .v-input__slot,.v-select .v-input__slot{border-radius:var(--radius-md)!important}.v-chip{font-weight:500}.v-chip.v-chip--outlined{border-width:1.5px}.v-tabs .v-tab{font-weight:500;text-transform:none;letter-spacing:.3px}.v-dialog{box-shadow:var(--shadow-xl)!important}.v-dialog,.v-dialog>.v-card{border-radius:var(--radius-xl)!important}.v-pagination .v-pagination__item,.v-pagination .v-pagination__navigation{box-shadow:var(--shadow-xs)!important;border-radius:var(--radius-md)!important}.page-header{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-light));color:#fff;padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6)}.page-header h1,.page-header h2,.page-header h3{color:#fff;margin:0}.page-header .v-icon{color:#fff}.card-header{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-light))!important;padding:var(--spacing-3) var(--spacing-4)!important}.card-header,.card-header .v-icon{color:#fff!important}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge--holding{background:rgba(108,142,191,.15);color:#4a6fa5}.status-badge--reserving{background:rgba(244,185,66,.15);color:#b8860b}.status-badge--confirmed{background:rgba(76,175,80,.15);color:#2e7d32}.status-badge--amendment{background:rgba(255,152,0,.15);color:#e65100}.status-badge--cancel{background:rgba(239,83,80,.15);color:#c62828}.info-card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);transition:all var(--transition-fast)}.info-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.info-card:active{transform:scale(.98)}.stat-card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-5);box-shadow:var(--shadow-sm);text-align:center;transition:all var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card .stat-value{font-size:2rem;font-weight:700;color:var(--color-primary);line-height:1.2}.stat-card .stat-label{font-size:.875rem;color:var(--color-gray-500);margin-top:var(--spacing-1)}.stat-card .stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-3)}.empty-state{padding:var(--spacing-12) var(--spacing-6);color:var(--color-gray-500)}.empty-state .v-icon{color:var(--color-gray-300);margin-bottom:var(--spacing-4)}.empty-state h3{color:var(--color-gray-600);margin-bottom:var(--spacing-2)}.empty-state p{color:var(--color-gray-500);max-width:300px;margin:0 auto}.gradient-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))}.gradient-secondary{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-light))}.text-truncate-2{-webkit-line-clamp:2}.text-truncate-2,.text-truncate-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.text-truncate-3{-webkit-line-clamp:3}.hover-lift{transition:all var(--transition-fast)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.hover-scale{transition:all var(--transition-fast)}.hover-scale:hover{transform:scale(1.02)}.hover-scale:active{transform:scale(.98)}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;-webkit-animation:skeleton-loading 1.5s ease-in-out infinite;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@-webkit-keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}@media(max-width:599px){.v-card{border-radius:var(--radius-md)!important}.v-dialog{margin:8px!important}.page-header{padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-4)}.card-header{padding:var(--spacing-2) var(--spacing-3)!important;font-size:.9rem}.stat-card{padding:var(--spacing-4)}.stat-card .stat-value{font-size:1.5rem}.stat-card .stat-icon{width:40px;height:40px}}.bg-header{background-image:radial-gradient(circle farthest-corner at 16.5% 28.1%,#0f1b31 0,#0070da 90%)}.bg-header,.bg-header-base{width:100px;padding:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;color:#fff}.bg-header-base{background-color:#8b0000}.custom-form-item-100{width:100%}.custom-form-item-75{width:75%}.custom-form-item-55{width:55%}.custom-form-item-50{width:50%}.custom-form-item-40{width:40%}.custom-form-item-33{width:33%}.custom-form-item-25{width:25%}.custom-form-item-20{width:20%}.custom-form-item-10{width:10%}@media(max-width:540px){.hide-on-mobile{display:none!important}}.show-on-mobile{display:none!important}@media(max-width:540px){.show-on-mobile{display:block!important}}@media(min-width:541px)and (max-width:800px){.hide-on-tablet{display:none!important}}.show-on-tablet{display:none!important}@media(min-width:541px)and (max-width:800px){.show-on-tablet{display:block!important}}@media(min-width:1280px){.hide-on-desktop{display:none!important}}.show-on-desktop{display:none!important}@media(min-width:1280px){.show-on-desktop{display:block!important}}@media(max-width:340px){.responsive-dialog .v-dialog{margin:0!important;width:100%!important;max-width:100%!important;max-height:100%!important;border-radius:0!important}}@media(min-width:341px)and (max-width:540px){.responsive-dialog .v-dialog{margin:8px!important;width:calc(100% - 16px)!important;max-height:calc(100% - 16px)!important}}@media(min-width:541px)and (max-width:800px){.responsive-dialog .v-dialog{width:90%!important;max-width:90%!important}}@media(min-width:801px)and (max-width:1280px){.responsive-dialog .v-dialog{width:80%!important;max-width:80%!important}}.responsive-form-row .v-input{margin-bottom:8px}@media(min-width:800px){.responsive-form-row .v-input{margin-bottom:0}}@media(max-width:540px){.mobile-touch-friendly .v-input .v-input__slot{min-height:48px!important}.mobile-touch-friendly .v-btn:not(.v-btn--icon){min-height:44px!important;padding:0 16px!important}}@media(max-width:540px){.mobile-card-view .v-data-table{background:transparent!important}.mobile-card-view .v-data-table .v-data-table__wrapper{overflow:visible}.mobile-card-view .v-data-table thead{display:none!important}.mobile-card-view .v-data-table tbody{display:block}.mobile-card-view .v-data-table tbody tr{display:block;margin-bottom:16px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.mobile-card-view .v-data-table tbody tr td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.mobile-card-view .v-data-table tbody tr td:before{content:attr(data-label);font-weight:600;color:#666;font-size:12px;text-transform:uppercase}.mobile-card-view .v-data-table tbody tr td:last-child{border-bottom:none}.mobile-card-view .v-data-table tfoot,.mobile-card-view .v-data-table tfoot tr{display:block}.mobile-card-view .v-data-table tfoot tr td{display:block;padding:8px 0}}@media(max-width:800px){.responsive-nav .v-toolbar__title{font-size:16px!important}.responsive-nav .v-btn.v-btn--text{padding:0 8px!important;font-size:12px!important}}.responsive-card-grid{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:541px){.responsive-card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:801px){.responsive-card-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.responsive-card-grid{grid-template-columns:repeat(4,1fr)}}.responsive-heading{font-size:24px;font-weight:600}@media(max-width:540px){.responsive-heading{font-size:18px}}@media(min-width:541px)and (max-width:800px){.responsive-heading{font-size:20px}}.responsive-subheading{font-size:18px;font-weight:500}@media(max-width:540px){.responsive-subheading{font-size:14px}}.responsive-text{font-size:14px}@media(max-width:540px){.responsive-text{font-size:12px}}@media(max-width:540px){.mobile-pa-2{padding:8px!important}}@media(max-width:540px){.mobile-pa-3{padding:12px!important}}@media(max-width:540px){.mobile-ma-0{margin:0!important}}.status-buttons-grid{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}@media(min-width:541px){.status-buttons-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:801px){.status-buttons-grid{grid-template-columns:repeat(6,1fr)}}.status-buttons-grid .status-btn{min-height:80px}@media(min-width:801px){.status-buttons-grid .status-btn{min-height:100px}}.responsive-chart-container{width:100%;min-height:200px}@media(min-width:541px){.responsive-chart-container{min-height:300px}}@media(min-width:1280px){.responsive-chart-container{min-height:400px}}@media(max-width:540px){.responsive-tabs .v-tabs-bar .v-tab{min-width:100px!important;padding:0 12px!important;font-size:12px!important}}@media(max-width:540px){.responsive-date-picker .v-picker__body{width:100%!important}.responsive-date-picker .v-date-picker-table{height:auto!important}}.responsive-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:540px){.responsive-actions{flex-direction:column}.responsive-actions .v-btn{width:100%}}.bgtable{background-color:#0f2c42!important}.bgtable-alt{background-color:#6dbcdb!important}.v-data-table-header th.bgtable{background-color:#0f2c42!important;color:#fff!important;font-weight:600!important}.btn-primary-action{background-color:var(--v-primary-base)!important;color:#fff!important}.btn-secondary-action{background-color:#0f2c42!important;color:#fff!important}.v-card{border-radius:8px!important}.status-new{background-color:#00acc1!important;color:#fff!important}.status-holding{background-color:#6c8ebf!important;color:#fff!important}.status-reserving{background-color:#f4b942!important;color:#1a1a2e!important}.status-confirmed{background-color:#4caf50!important;color:#fff!important}.status-amendment{background-color:#ff9800!important;color:#fff!important}.status-cancel{background-color:#ef5350!important;color:#fff!important}.empty-state{text-align:center;padding:48px 24px}.empty-state-icon{color:#9e9e9e;margin-bottom:16px}.empty-state-title{color:#5a6a7e;font-weight:500;margin-bottom:8px}.empty-state-subtitle{color:#9e9e9e;font-size:.875rem}.pagination-container{padding:8px 16px;display:flex;align-items:center;justify-content:space-between}.pagination-select-label{font-size:.875rem;color:#5a6a7e;margin-right:8px}@media (max-width:599px){.v-data-table th{font-size:.75rem!important}.v-data-table td{font-size:.8rem!important}.pagination-container{flex-direction:column;gap:8px}}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px}.loading-text{margin-top:12px;color:#5a6a7e;font-size:.875rem}