@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.pms-calendar-page{width:100%;box-sizing:border-box;padding:8px 0}.pms-gantt-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.pms-gantt-inner{display:flex;width:100%}.pms-sidebar{flex-shrink:0;background:#f9fafb;border-right:1px solid #e5e7eb;display:flex;flex-direction:column}.pms-sidebar-head{background:#f3f4f6;border-bottom:1px solid #e5e7eb;font-size:11px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;padding:0 12px;flex-shrink:0}.pms-sidebar-row{display:flex;flex-direction:column;justify-content:center;padding:0 10px;border-bottom:1px solid #f0f0f0;flex-shrink:0;overflow:hidden}.pms-room-no{font-size:13px;font-weight:600;color:#111827;white-space:nowrap}.pms-room-type{font-size:10px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pms-grid-scroll{flex:1;overflow-x:auto;overflow-y:hidden}.pms-hdr-month{display:flex;background:#f3f4f6;border-bottom:1px solid #e5e7eb}.pms-month-cell{flex-shrink:0;display:flex;align-items:center;padding:0 8px;font-size:11px;font-weight:600;color:#374151;border-right:1px solid #e5e7eb;white-space:nowrap;overflow:hidden}.pms-hdr-day{display:flex;background:#f9fafb;border-bottom:2px solid #e5e7eb}.pms-day-cell{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #f0f0f0;cursor:default;-webkit-user-select:none;user-select:none}.pms-day-cell .d-name{font-size:9px;font-weight:600;color:#9ca3af;text-transform:uppercase;line-height:1}.pms-day-cell .d-num{font-size:12px;font-weight:600;color:#374151;line-height:1.3}.pms-day-cell.today .d-name,.pms-day-cell.today .d-num{color:#3b82f6}.pms-day-cell.weekend .d-name,.pms-day-cell.weekend .d-num{color:#d1d5db}.pms-grid-row{display:flex;border-bottom:1px solid #f0f0f0}.pms-grid-cell{flex-shrink:0;border-right:1px solid #f5f5f5;box-sizing:border-box}.pms-grid-cell.weekend{background:#fafafa}.pms-grid-cell.today{background:#eff6ff}.pms-today-line{position:absolute;width:2px;background:#3b82f6;opacity:.4;top:0;pointer-events:none;z-index:1}.pms-bar{position:absolute;border-radius:4px;cursor:pointer;display:flex;align-items:center;padding:0 6px;box-shadow:0 1px 3px #00000026;transition:filter .15s;z-index:2;overflow:hidden}.pms-bar:hover{filter:brightness(1.1)}.pms-bar-reservation{background:#7c3aed}.pms-bar-inhouse{background:#16a34a}.pms-bar-ooo{background:#6b7280}.pms-bar-label{font-size:11px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.modal-content{background:#fff;border-radius:8px;padding:24px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}:root{--vf-brand-primary: #4F46E5;--vf-brand-secondary: #06B6D4;--vf-brand-gradient: linear-gradient(135deg, #4F46E5 0%, #06B6D4 100%);--vf-sidebar-bg: #0F172A;--vf-sidebar-text: #94A3B8;--vf-sidebar-text-active: #FFFFFF;--vf-sidebar-text-hover: #CBD5E1;--vf-sidebar-active-bg: rgba(79, 70, 229, .15);--vf-sidebar-active-border:#4F46E5;--vf-sidebar-hover-bg: rgba(255, 255, 255, .05);--vf-sidebar-divider: rgba(255, 255, 255, .08);--vf-sidebar-width: 240px;--vf-sidebar-width-collapsed: 64px;--vf-page-bg: #F1F5F9;--vf-card-bg: #FFFFFF;--vf-header-bg: #FFFFFF;--vf-border: #E2E8F0;--vf-border-light:#F1F5F9;--vf-text-primary: #0F172A;--vf-text-secondary: #475569;--vf-text-muted: #94A3B8;--vf-text-inverse: #FFFFFF;--vf-success: #10B981;--vf-success-bg: #ECFDF5;--vf-warning: #F59E0B;--vf-warning-bg: #FFFBEB;--vf-danger: #EF4444;--vf-danger-bg: #FEF2F2;--vf-info: #3B82F6;--vf-info-bg: #EFF6FF;--vf-space-1: 4px;--vf-space-2: 8px;--vf-space-3: 12px;--vf-space-4: 16px;--vf-space-5: 20px;--vf-space-6: 24px;--vf-space-8: 32px;--vf-space-10: 40px;--vf-radius-sm: 4px;--vf-radius-md: 8px;--vf-radius-lg: 12px;--vf-radius-xl: 16px;--vf-radius-full: 9999px;--vf-shadow-sm: 0 1px 2px rgba(0,0,0,.05);--vf-shadow-md: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--vf-shadow-lg: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.04);--vf-font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--vf-text-xs: 11px;--vf-text-sm: 13px;--vf-text-base: 14px;--vf-text-md: 15px;--vf-text-lg: 18px;--vf-text-xl: 22px;--vf-text-2xl: 26px;--vf-z-sidebar: 100;--vf-z-header: 90;--vf-z-dropdown: 200;--vf-z-modal: 300;--vf-z-toast: 400;--vf-transition: .15s ease;--vf-transition-slow: .25s ease}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--vf-font);font-size:var(--vf-text-base);background:var(--vf-page-bg);color:var(--vf-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:var(--vf-text-base)}input::placeholder{color:var(--vf-text-muted)}table{width:100%;border-collapse:collapse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.spinner{width:40px;height:40px;border:3px solid var(--vf-border-light);border-top:3px solid var(--vf-brand-primary);border-radius:50%;animation:spin 1s linear infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--vf-border-light)}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}input:focus,select:focus,textarea:focus,button:focus{outline:2px solid var(--vf-brand-primary);outline-offset:1px}@media(max-width:767px){.hide-mobile{display:none!important}}@media(min-width:768px){.hide-desktop{display:none!important}}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fade-in{animation:fadeIn .3s ease}.vf-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--vf-space-2);font-family:var(--vf-font);font-weight:500;border:none;border-radius:var(--vf-radius-md);cursor:pointer;transition:all var(--vf-transition);min-height:36px;line-height:1}.vf-button--primary{background:var(--vf-brand-gradient);color:var(--vf-text-inverse)}.vf-button--primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.vf-button--secondary{background:var(--vf-card-bg);color:var(--vf-text-secondary);border:1px solid var(--vf-border)}.vf-button--secondary:hover:not(:disabled){background:var(--vf-page-bg)}.vf-button--danger{background:var(--vf-danger);color:var(--vf-text-inverse)}.vf-button--danger:hover:not(:disabled){opacity:.9}.vf-button--ghost{background:transparent;color:var(--vf-text-secondary)}.vf-button--ghost:hover:not(:disabled){background:var(--vf-page-bg)}.vf-button--link{background:transparent;color:var(--vf-brand-primary);text-decoration:underline;padding:0}.vf-button--sm{padding:var(--vf-space-2) var(--vf-space-3);font-size:var(--vf-text-base)}.vf-button--md{padding:var(--vf-space-2) var(--vf-space-4);font-size:var(--vf-text-base)}.vf-button--lg{padding:var(--vf-space-3) var(--vf-space-5);font-size:var(--vf-text-md)}.vf-button:disabled{opacity:.6;cursor:not-allowed}.vf-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--vf-z-modal);padding:var(--vf-space-5)}.vf-modal{background:var(--vf-card-bg);border-radius:var(--vf-radius-xl);box-shadow:0 25px 50px -12px #00000040;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.vf-modal--sm{max-width:400px}.vf-modal--md{max-width:600px}.vf-modal--lg{max-width:800px}.vf-modal--xl{max-width:1000px}.vf-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--vf-space-5) var(--vf-space-6);border-bottom:1px solid var(--vf-border);flex-shrink:0}.vf-modal-body{flex:1;overflow:auto;min-height:0;padding:var(--vf-space-5) var(--vf-space-6)}.vf-modal-footer{display:flex;justify-content:flex-end;gap:var(--vf-space-3);padding:var(--vf-space-4) var(--vf-space-6);border-top:1px solid var(--vf-border);flex-shrink:0}.vf-datatable{background:var(--vf-card-bg);border:1px solid var(--vf-border);border-radius:var(--vf-radius-lg);overflow:hidden}.vf-datatable-toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--vf-space-4) var(--vf-space-5);border-bottom:1px solid var(--vf-border)}.vf-datatable-table{width:100%;border-collapse:collapse}.vf-datatable-table th{text-align:left;padding:var(--vf-space-3) var(--vf-space-4);font-size:var(--vf-text-xs);font-weight:600;text-transform:uppercase;color:var(--vf-text-muted);background:var(--vf-page-bg);border-bottom:1px solid var(--vf-border)}.vf-datatable-table td{padding:var(--vf-space-4);font-size:var(--vf-text-base);color:var(--vf-text-secondary);border-bottom:1px solid var(--vf-border-light)}.vf-datatable-table tr:hover td{background:var(--vf-page-bg)}.vf-datatable-empty{padding:var(--vf-space-10);text-align:center;color:var(--vf-text-muted)}.vf-tabs-nav{display:flex;gap:var(--vf-space-1)}.vf-tabs-tab{padding:var(--vf-space-2) var(--vf-space-4);font-size:var(--vf-text-sm);font-weight:500;color:var(--vf-text-muted);background:transparent;border:none;border-radius:var(--vf-radius-full);cursor:pointer;transition:all var(--vf-transition)}.vf-tabs-tab:hover{background:var(--vf-page-bg);color:var(--vf-text-secondary)}.vf-tabs-panel{padding:var(--vf-space-4) 0}.vf-tabs-tab--active{background:var(--vf-text-primary);color:var(--vf-text-inverse)}.vf-card{background:var(--vf-card-bg);border:1px solid var(--vf-border);border-radius:var(--vf-radius-lg);overflow:hidden}.vf-card--padding-sm{padding:var(--vf-space-3)}.vf-card--padding-md{padding:var(--vf-space-5)}.vf-card--padding-lg{padding:var(--vf-space-8)}.vf-card--padding-none{padding:0}.vf-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--vf-space-4) var(--vf-space-4);border-bottom:1px solid var(--vf-border-light)}.vf-card-title{font-size:var(--vf-text-md);font-weight:600;color:var(--vf-text-primary)}.vf-card-body{padding:var(--vf-space-4)}.vf-card-action{display:flex;gap:var(--vf-space-3)}.vf-badge{display:inline-flex;align-items:center;gap:var(--vf-space-1);padding:var(--vf-space-1) var(--vf-space-3);border-radius:var(--vf-radius-full);font-size:var(--vf-text-xs);font-weight:500}.vf-badge--success{background:var(--vf-success-bg);color:var(--vf-success)}.vf-badge--warning{background:var(--vf-warning-bg);color:var(--vf-warning)}.vf-badge--danger{background:var(--vf-danger-bg);color:var(--vf-danger)}.vf-badge--info{background:var(--vf-info-bg);color:var(--vf-info)}.vf-badge--neutral{background:var(--vf-page-bg);color:var(--vf-text-muted)}.vf-form-field{display:flex;flex-direction:column;gap:var(--vf-space-1);margin-bottom:var(--vf-space-4)}.vf-form-field-label{font-size:var(--vf-text-sm);font-weight:500;color:var(--vf-text-secondary)}.vf-form-field-required{color:var(--vf-danger)}.vf-form-field-error{font-size:var(--vf-text-xs);color:var(--vf-danger)}.vf-form-field-input-wrapper{position:relative;display:flex;flex-direction:column}.vf-form-field-hint{font-size:var(--vf-text-xs);color:var(--vf-text-muted)}.vf-input{padding:var(--vf-space-2) var(--vf-space-3);background:var(--vf-card-bg);border:1px solid var(--vf-border);border-radius:var(--vf-radius-md);font-size:var(--vf-text-base);color:var(--vf-text-primary);outline:none;transition:border-color var(--vf-transition);min-height:36px;box-sizing:border-box}.vf-input:focus{border-color:var(--vf-brand-primary)}.vf-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--vf-space-6)}.vf-page-header-title{font-size:var(--vf-text-xl);font-weight:700;color:var(--vf-text-primary);text-transform:uppercase;letter-spacing:.5px}.vf-page-header-subtitle{font-size:var(--vf-text-sm);color:var(--vf-text-muted);margin-top:var(--vf-space-1)}.vf-completion-banner{background:var(--vf-card-bg);border:1px solid var(--vf-border);border-radius:var(--vf-radius-lg);padding:var(--vf-space-5);margin-bottom:var(--vf-space-6)}.vf-completion-banner-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--vf-space-4)}.vf-completion-banner-progress{width:120px;height:8px;background:var(--vf-border-light);border-radius:var(--vf-radius-full);overflow:hidden}.vf-completion-banner-progress-bar{height:100%;background:var(--vf-brand-gradient);border-radius:var(--vf-radius-full);transition:width var(--vf-transition-slow)}.vf-completion-banner-item{display:flex;align-items:center;justify-content:space-between;padding:var(--vf-space-2) 0}.vf-sidebar{background:var(--vf-sidebar-bg);color:var(--vf-sidebar-text);height:100vh;position:fixed;left:0;top:0;z-index:var(--vf-z-sidebar);transition:width var(--vf-transition-slow);display:flex;flex-direction:column;overflow-x:hidden}.vf-sidebar--expanded{width:var(--vf-sidebar-width)}.vf-sidebar--collapsed{width:var(--vf-sidebar-width-collapsed)}.vf-sidebar-nav-item{display:flex;align-items:center;gap:var(--vf-space-3);padding:var(--vf-space-2) var(--vf-space-4);margin:var(--vf-space-1) var(--vf-space-2);border-radius:var(--vf-radius-md);text-decoration:none;color:var(--vf-sidebar-text);font-size:var(--vf-text-sm);font-weight:500;transition:all var(--vf-transition);white-space:nowrap;cursor:pointer;border:none;background:transparent;width:calc(100% - var(--vf-space-4))}.vf-sidebar-nav-item:hover{background:var(--vf-sidebar-hover-bg);color:var(--vf-sidebar-text-hover)}.vf-sidebar-nav-item--active{background:var(--vf-sidebar-active-bg);color:var(--vf-sidebar-text-active);border-left:3px solid var(--vf-sidebar-active-border);margin-left:0;padding-left:calc(var(--vf-space-4) + var(--vf-space-2));border-radius:0 var(--vf-radius-md) var(--vf-radius-md) 0}.vf-sidebar-sub-item{padding-left:calc(var(--vf-space-4) + var(--vf-space-3));font-size:var(--vf-text-xs)}.vf-app{min-height:100vh;display:flex;background:var(--vf-page-bg)}.vf-main{flex:1;display:flex;flex-direction:column;min-height:100vh;transition:margin-left var(--vf-transition-slow)}.vf-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--vf-space-6);height:64px;background:var(--vf-header-bg);border-bottom:1px solid var(--vf-border);position:sticky;top:0;z-index:var(--vf-z-header)}.vf-content{flex:1}@media(max-width:1023px)and (min-width:768px){.vf-content{padding:var(--vf-space-5)}}@media(max-width:767px){.vf-content{padding:var(--vf-space-4)}}.vf-hotel-switcher-dropdown{position:absolute;top:calc(100% + var(--vf-space-2));right:0;width:370px;background:var(--vf-card-bg);border:1px solid var(--vf-border);border-radius:var(--vf-radius-lg);box-shadow:var(--vf-shadow-lg);z-index:var(--vf-z-dropdown);overflow:hidden}.hotel-selector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--vf-space-5)}@media(max-width:1023px)and (min-width:768px){.hotel-selector-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.hotel-selector-grid{grid-template-columns:1fr}}