body{font-size:var(--font-base, 15px);background:var(--bg-main, #f3f6ff);color:var(--text-dark, #2b2b2b);margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.page-card{background:var(--card-bg, #ffffff);padding:20px;border-radius:var(--radius-lg, 14px);box-shadow:var(--shadow-md, 0 6px 18px rgba(0,0,0,.08));animation:fadeUpSoft .35s ease}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.search-input,.resort-search input,.modal-box input{font-size:13px;padding:9px 11px;border-radius:8px;border:1px solid var(--border-medium, #d0d5dd);outline:none;width:100%;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus,.resort-search input:focus,.modal-box input:focus{border-color:var(--green, #7ea93a);box-shadow:0 0 0 2px #7ea93a26}.form-group select,.modal-box select,.resort-search select{font-size:13px;padding:9px 11px;border-radius:8px;border:1px solid var(--border-medium, #d0d5dd);outline:none;width:100%;background-color:#fff;color:var(--text-dark, #2b2b2b);appearance:none;transition:border-color .2s ease,box-shadow .2s ease}.form-group select:focus,.modal-box select:focus,.resort-search select:focus{border-color:var(--green, #7ea93a);box-shadow:0 0 0 2px #7ea93a26}.form-group{position:relative;margin-bottom:6px}.form-label{display:block;font-size:13px;font-weight:500;color:#344054;margin-bottom:4px}.form-label .required{color:#e53935;margin-left:4px}.btn-primary,.btn-light,.btn-edit,.btn-delete{font-size:14px;padding:7px 11px;border-radius:8px;cursor:pointer;border:none;transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.btn-primary{background:var(--green, #7ea93a);color:#fff}.btn-light{background:#f1f3f6;border:1px solid var(--border-medium, #d0d5dd);color:#333}.btn-edit{background:#f7b500;color:#fff}.btn-delete{background:#e53935;color:#fff}.btn-primary:hover,.btn-light:hover,.btn-edit:hover,.btn-delete:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm, 0 2px 8px rgba(0,0,0,.06))}.swal2-container{z-index:99999!important}.view-modal{max-width:auto}.view-modal-title{font-size:22px;margin-bottom:14px;color:var(--text-dark, #2b2b2b)}.view-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:16px}.view-field span{font-size:14px;color:var(--text-light, #667085);display:block;margin-bottom:4px}.view-field p{margin:0;font-size:15px;font-weight:500;color:var(--text-dark, #2b2b2b)}.view-image-box img{width:100%;max-height:240px;object-fit:cover;border-radius:10px;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0,0,0,.06));animation:fadeUpSoft .3s ease}.facility-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}.facility-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--border-light, #e1e6f0);background:#f9fbff;cursor:pointer;transition:background .2s ease,transform .15s ease}.facility-card:hover{background:#f4f8ee;transform:translateY(-1px)}.facility-card.active{background:var(--green-soft, #f1f7e7);border-color:var(--green, #7ea93a)}.room-card{background:#fff;border-radius:var(--radius-lg, 14px);padding:16px;margin-bottom:18px;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0,0,0,.06));animation:fadeUpSoft .3s ease}.total-box{margin-top:12px;padding:12px;border-radius:10px;background:var(--green-soft, #f1f7e7);font-weight:600}.rule-toggle{display:flex;gap:24px;margin-top:10px}.toggle-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--text-dark, #2b2b2b);cursor:pointer}.toggle-label input{display:none}.toggle-ui{width:18px;height:18px;border-radius:4px;border:2px solid var(--border-medium, #d0d5dd);background:#fff;position:relative;transition:all .2s ease}.toggle-label input:checked+.toggle-ui{background:var(--green, #7ea93a);border-color:var(--green, #7ea93a)}.toggle-label input:checked+.toggle-ui:after{content:"✔";position:absolute;left:2px;top:-1px;font-size:13px;color:#fff}.toggle-label:hover .toggle-ui{border-color:var(--green, #7ea93a)}@media(max-width:768px){body{font-size:14px}.view-grid,.facility-grid{grid-template-columns:1fr}.btn-primary,.btn-light,.btn-edit,.btn-delete{font-size:13px}}.data-table{width:100%;border-collapse:collapse;background:var(--card-bg, #ffffff);animation:fadeUpSoft .25s ease}.data-table thead th{background:#f6f8fc;padding:12px 14px;font-size:15px;font-weight:600;text-align:left;color:var(--text-dark, #2b2b2b);border-bottom:1px solid var(--border-light, #e1e6f0);white-space:nowrap}.data-table td{padding:12px 14px;font-size:14px;color:var(--text-medium, #444444);border-top:1px solid #eef1f6;vertical-align:middle;transition:background var(--transition-fast)}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--green-soft, #f1f7e7)}.table-actions{display:flex;align-items:center;gap:6px}.table-actions button,.table-actions .btn{font-size:13px;padding:5px 10px;border-radius:6px;transition:transform .15s ease,box-shadow .15s ease}.table-actions button:hover,.table-actions .btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.table-badge{display:inline-block;padding:4px 8px;font-size:12px;font-weight:600;border-radius:999px;background:var(--green-soft, #f1f7e7);color:var(--green-dark, #6b8e23);white-space:nowrap}.data-table .no-data{text-align:center;font-size:14px;color:var(--text-light, #667085);padding:18px}@media(max-width:768px){.data-table thead th{padding:10px;font-size:13px}.data-table td{padding:10px;font-size:12px}.table-actions{gap:4px}.table-actions button,.table-actions .btn{font-size:12px;padding:4px 8px}}.modal-backdrop{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:flex-start;padding-top:30px;z-index:2000;animation:fadeBackdrop .25s ease}.modal-box{background:#fff;width:480px;max-width:92%;padding:22px;border-radius:var(--radius-lg, 14px);box-shadow:var(--shadow-md, 0 6px 18px rgba(0,0,0,.08));animation:modalSlide .35s ease}.modal-box h3{font-size:17px;font-weight:600;margin:0 0 12px;color:var(--text-dark, #2b2b2b)}@keyframes modalSlide{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeBackdrop{0%{opacity:0}to{opacity:1}}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.modal-section{border:1px solid var(--border-light, #e1e6f0);border-radius:var(--radius-md, 10px);padding:14px;margin-top:14px;background:#fff;animation:fadeUpSoft .25s ease}.modal-section-title{font-size:16px;font-weight:600;color:var(--text-dark, #2b2b2b);margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.modal-section-sub{font-size:13px;color:var(--text-light, #667085);margin-top:-4px;margin-bottom:8px}.repeat-card{border:1px solid var(--border-medium, #d0d5dd);border-radius:var(--radius-md, 10px);padding:12px;margin-bottom:12px;position:relative;animation:fadeUpSoft .2s ease}.repeat-card-remove{position:absolute;top:8px;right:10px;font-size:16px;color:#e53935;cursor:pointer}.repeat-card-remove:hover{transform:scale(1.1)}.select-disabled,.input-disabled{background-color:#f2f4f7;cursor:not-allowed;opacity:.7}.bathroom-box{height:42px;border:1px dashed var(--border-medium, #d0d5dd);border-radius:8px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;background:#f9fafb;transition:background .2s ease}.bathroom-box:hover{background:var(--green-soft, #f1f7e7)}.bathroom-box span{font-size:14px;font-weight:500;color:var(--text-medium, #444444)}.bathroom-box input[type=checkbox]{width:18px;height:18px;accent-color:var(--green, #7ea93a);cursor:pointer}.total-amount-box{margin-top:16px;padding:14px;border-radius:10px;background:#f3f7ec;border:1px solid #d6e3c2}.total-amount-box label{font-size:15px;font-weight:600;margin-bottom:6px;display:block}.amount-input-wrap{display:flex;align-items:center;gap:8px}.amount-input-wrap span{font-size:18px;font-weight:600}.amount-input-wrap input{flex:1;font-size:15px;padding:8px 10px;border-radius:8px;border:1px solid var(--border-medium, #d0d5dd)}.room-card-header{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;margin-bottom:10px;color:var(--text-dark, #2b2b2b)}.room-title{display:block}.room-remove{font-size:18px;color:#e53935;cursor:pointer;line-height:1;padding:2px 6px;border-radius:50%;transition:background .2s ease}.room-remove:hover{background:#e539351a}.view-modal{width:1000px;max-width:96%;max-height:85vh;overflow-y:auto;transition:width .3s ease}.view-modal-wide{width:750px;max-width:96%}.view-modal-compact{width:500px;max-width:94%}.horizontal-scroll{display:flex;gap:16px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.horizontal-scroll::-webkit-scrollbar{height:6px}.horizontal-scroll::-webkit-scrollbar-thumb{background:#cfd8b6;border-radius:10px}.room-view-card,.space-view-card{min-width:360px;max-width:360px;flex-shrink:0;scroll-snap-align:start}.card-slide{min-width:360px;flex-shrink:0}.image-slider{display:flex;gap:10px;overflow-x:auto;margin-top:10px;scroll-snap-type:x mandatory}.image-slider img{min-width:100%;height:220px;object-fit:cover;border-radius:12px;scroll-snap-align:start;box-shadow:var(--shadow-sm)}.facility-view-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:10px}.facility-view-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#f4f8ee;font-weight:500}.facility-view-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#fff;border:1px solid var(--border-light);font-weight:500;color:var(--text-dark);transition:background .2s ease,border-color .2s ease}.facility-view-item i{color:var(--text-dark)}.facility-view-item.selected{background:var(--green-soft, #f1f7e7);border-color:var(--green, #7ea93a)}.facility-view-item.selected i{color:var(--green, #7ea93a)}@media(max-width:768px){.modal-backdrop{padding-top:20px}.modal-box{width:92%;padding:18px;border-radius:12px}.modal-box h3{font-size:13px}.view-modal{max-height:88vh}}.resort-page{background:linear-gradient(180deg,var(--bg-page, #f6f9ff),#ffffff);padding:20px;border-radius:var(--radius-lg, 14px);box-shadow:var(--shadow-sm);animation:fadeUpSoft .3s ease}.resort-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.resort-title{font-size:var(--font-title, 22px);font-weight:600;color:var(--text-dark, #2b2b2b);line-height:1.2}.resort-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px;flex-wrap:wrap}.resort-search{display:flex;align-items:center;gap:6px;background:#fff;border-radius:var(--radius-md, 10px);padding:6px 8px;border:1px solid var(--border-light, #e1e6f0);width:300px;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.resort-search:focus-within{border-color:var(--green, #7ea93a);box-shadow:0 0 0 2px #7ea93a26}.resort-search i{background-color:var(--green, #7ea93a);color:#fff;font-size:16px;padding:6px;border-radius:6px;flex-shrink:0}.resort-search input{border:none;outline:none;font-size:var(--font-base, 15px);width:100%;background:transparent;color:var(--text-dark, #2b2b2b)}.resort-table-wrap{background:#fff;border-radius:var(--radius-lg, 14px);box-shadow:var(--shadow-md);overflow:hidden;animation:fadeUpSoft .25s ease}.resort-table-wrap .data-table thead th{background:linear-gradient(90deg,#7ea531,#8fbf3d);color:#fff;border-bottom:none}.resort-toolbar .btn-primary{white-space:nowrap}@media(max-width:768px){.resort-page{padding:14px;border-radius:12px}.resort-header,.resort-toolbar{flex-direction:column;align-items:stretch;gap:10px}.resort-title{font-size:18px}.resort-search{width:100%}}@keyframes fadeUpSoft{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}:root{--green: #7ea93a;--green-dark: #6b8e23;--green-soft: #f1f7e7;--green-hover: #8fbc4a;--bg-main: #f3f6ff;--bg-page: #f6f9ff;--card-bg: #ffffff;--sidebar-bg: #f9faff;--sidebar-active: #7ea93a;--sidebar-text: #6b6b6b;--sidebar-border: #699836;--header-bg: #ffffff;--header-border: #eceff7;--text-dark: #2b2b2b;--text-medium: #444444;--text-light: #667085;--text-muted: #8a8f9c;--font-xs: 12px;--font-sm: 13px;--font-md: 14px;--font-base: 15px;--font-lg: 16px;--font-xl: 18px;--font-xxl: 20px;--font-title: 22px;--space-xxs: 4px;--space-xs: 6px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-xxl: 24px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 6px 18px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 28px rgba(0, 0, 0, .1);--border-light: #e1e6f0;--border-medium: #d0d5dd;--border-strong: #c2c7d0;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-header: 1000;--z-sidebar: 1100;--z-modal: 2000;--z-toast: 3000}.app-layout{display:flex;min-height:100vh;background:var(--bg-main, #f3f6ff);overflow:hidden}.app-layout.collapsed .sidebar{width:72px}.app-layout.collapsed .sidebar span{display:none}.sidebar{width:280px;background:var(--sidebar-bg, #f9faff);border-right:2px solid var(--sidebar-border, #699836);transition:width .25s ease,left .3s ease;box-shadow:4px 0 20px #0000000f;animation:sidebarIn .35s ease-out}@keyframes sidebarIn{0%{transform:translate(-10px);opacity:.6}to{transform:translate(0);opacity:1}}.sidebar-logo{height:76px;display:flex;align-items:center;justify-content:center}.sidebar-logo img{height:50px}.sidebar-menu{list-style:none;padding:0;margin:0}.menu-parent{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;font-size:15px;font-weight:600;color:var(--text-dark, #2b2b2b);transition:background .2s ease,color .2s ease}.menu-parent:hover{background:#7ea53126}.menu-parent.open{background:var(--sidebar-active, #7ea93a);color:#fff;border-radius:0 20px 20px 0}.menu-left{display:flex;align-items:center;gap:10px}.menu-left i{width:18px;font-size:14px}.menu-link{font-size:14px}.menu-link.active{background:var(--green-soft, #f1f7e7);color:var(--green, #7ea93a);font-weight:600}.submenu{list-style:none;padding-left:22px;margin:4px 0 8px;border-left:2px solid #e3e7f2}.submenu a{display:block;padding:6px 12px;font-size:13px;color:#555;text-decoration:none;border-radius:6px;transition:background .2s ease,color .2s ease}.submenu a:hover{background:#eef4e3;color:var(--green, #7ea93a)}.app-main{flex:1;display:flex;flex-direction:column}.top-header{height:64px;background:var(--header-bg, #ffffff);display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--header-border, #eceff7);animation:headerDrop .3s ease-out}@keyframes headerDrop{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.header-left{display:flex;align-items:center;gap:12px}.sidebar-toggle{cursor:pointer;font-size:16px;transition:transform .2s ease}.sidebar-toggle:hover{transform:scale(1.1)}.page-title{font-weight:600;font-size:18px;color:#6b2e83}.user-box{display:flex;align-items:center;gap:8px;position:relative;cursor:pointer}.user-avatar{width:40px;height:40px;background:#eaeaea;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-avatar i{font-size:20px}.admin-name{font-weight:600;font-size:14px;color:#6b2e83}.user-dropdown{position:absolute;right:0;top:54px;width:200px;background:#fff;border-radius:10px;box-shadow:var(--shadow-md, 0 6px 18px rgba(0,0,0,.08));overflow:hidden;z-index:5000}.user-dropdown div{padding:10px 12px;font-size:14px}.user-dropdown div:hover{background:#f4f6fb}.page-content{padding:20px}.header-marquee{flex:1;overflow:hidden;margin:0 18px;white-space:nowrap}.marquee-text{display:inline-block;padding-left:100%;font-size:14px;font-weight:500;color:#444;animation:marqueeMove 22s linear infinite}@keyframes marqueeMove{0%{transform:translate(0)}to{transform:translate(-100%)}}@media(max-width:768px){.page-content{padding:14px}.sidebar{width:260px;position:fixed;left:-280px;top:0;height:100vh;z-index:1000}.menu-parent{font-size:14px}.top-header{height:58px;padding:0 16px}.page-title{font-size:16px}.admin-name{display:none}.app-layout.mobile-open .sidebar{left:0}.overlay{position:fixed;inset:0;background:#00000073;z-index:900}}html,body{height:100%;margin:0;overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}#root{height:100%}.login-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background-color:#f4f7ff;background-image:url(/img/bg-pattern.png);background-repeat:repeat;background-size:260px}.login-card{display:flex;width:100%;max-width:1000px;min-height:600px;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 28px 56px #10184038}.login-left{width:50%;background:#e9f9ff;display:flex}.login-left img{width:100%;height:100%;object-fit:cover}.login-right{width:50%;background:linear-gradient(180deg,#020c3a,#02052a);display:flex;align-items:center;justify-content:center;padding:42px}.mobile-login-form{width:100%;max-width:360px;color:#fff}.mobile-login-logo{display:none}.mobile-login-logo img{height:64px;width:64px;padding:10px;background:#fff;border-radius:50%;box-shadow:0 6px 18px #00000059}.login-title{font-size:30px;font-weight:600;margin-bottom:28px;text-align:center}.input-group{display:flex;align-items:center;background:#fff;border-radius:8px;padding:10px 12px;margin-bottom:16px}.input-icon{width:32px;height:32px;background:#6fa84f;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:6px;margin-right:10px;font-size:18px}.input-group input{border:none;outline:none;width:100%;font-size:14px}.login-error{background:#fdd;color:#b00020;padding:8px;border-radius:4px;margin-bottom:14px;text-align:center;font-size:13px}.login-btn{min-width:140px;padding:10px 26px;background:#6fa84f;border-radius:8px;font-size:15px;font-weight:500;margin:0 auto;display:block;border:none;cursor:pointer}.login-btn:hover{background:#5e9846}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{margin-top:22px;text-align:center;font-size:12px;opacity:.75}.remember-row{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:22px}.remember-row input{accent-color:#6fa84f}@media(max-width:768px){html,body{height:auto;overflow:auto}.login-root{min-height:100svh;padding:20px}.login-card{max-width:380px;min-height:unset;border-radius:20px}.login-left{display:none}.login-right{width:100%;padding:26px 22px 30px}.mobile-login-logo{display:flex;justify-content:center;margin-bottom:20px}.login-title{font-size:24px;margin-bottom:22px}}.dashboard-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.stat-card{background:var(--card-bg, #ffffff);padding:18px;border-radius:var(--radius-lg, 14px);box-shadow:var(--shadow-md, 0 6px 18px rgba(0,0,0,.08));position:relative;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg, 0 10px 28px rgba(0,0,0,.1))}.stat-card p{font-size:14px;margin:0 0 6px;color:var(--text-light, #667085)}.stat-card h3{font-size:22px;font-weight:700;margin:0;color:var(--text-dark, #2b2b2b)}.stat-icon{position:absolute;right:16px;top:16px;width:64px;height:64px;background:#e9f5e1;border-radius:50%;display:flex;align-items:center;justify-content:center}.stat-icon i{font-size:28px;color:var(--green, #7ea93a)}.dashboard-charts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart-box{height:300px;background:#fff;border-radius:var(--radius-lg, 14px);box-shadow:var(--shadow-md, 0 6px 18px rgba(0,0,0,.08));padding:16px;font-size:14px;color:var(--text-dark, #2b2b2b)}.chart-box h4,.chart-box h3{font-size:15px;font-weight:600;margin-bottom:10px}@media(max-width:768px){.dashboard-cards{grid-template-columns:repeat(2,1fr);gap:14px}.stat-card{padding:14px}.stat-card p{font-size:12px}.stat-card h3{font-size:18px}.stat-icon{right:10px;top:10px;width:44px;height:44px}.stat-icon i{font-size:20px}.dashboard-charts{grid-template-columns:1fr;gap:16px}.chart-box{height:240px;font-size:13px}}@media(max-width:480px){.dashboard-cards{grid-template-columns:1fr}}