:root{--bg:#eef2f7;--panel:#fff;--ink:#0e2238;--muted:#5d748c;--line:#d6e0ec;--nav-bg:#10283e;--nav-hover:#183b5a;--nav-active:#1f74c9;--brand:#1f74c9}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;padding:0;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.moh-layout{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.moh-sidebar{color:#d9e8f7;background:linear-gradient(#0f2438 0%,#122f4a 100%);border-right:1px solid #ffffff14;padding:18px 14px}.moh-brand{align-items:center;gap:10px;margin-bottom:18px;display:flex}.brand-badge{color:#10304c;background:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand-title{font-size:14px;font-weight:700}.brand-sub{opacity:.8;font-size:12px}.moh-side-group{letter-spacing:.08em;text-transform:uppercase;color:#9db6ce;margin:14px 6px;font-size:11px}.moh-nav{flex-direction:column;gap:8px;display:flex}.moh-nav button{color:#dceaff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;width:100%;padding:10px 12px;transition:all .18s}.moh-nav button span{font-size:14px;font-weight:600;display:block}.moh-nav button small{opacity:.75;margin-top:3px;font-size:11px;display:block}.moh-nav button:hover{background:var(--nav-hover)}.moh-nav button.active{background:var(--nav-active);color:#fff;box-shadow:inset 0 0 0 1px #ffffff1f}.moh-side-note{color:#c9dcf1;border-top:1px solid #ffffff1f;margin-top:16px;padding-top:12px;font-size:12px}.moh-side-note .note-title{margin-bottom:6px;font-weight:700}.moh-side-note p{margin:0 0 4px}.moh-main{padding:18px}.moh-topbar{background:var(--panel);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex;box-shadow:0 5px 16px #0d26400f}.moh-topbar h1{color:#163556;margin:0;font-size:clamp(20px,2vw,28px)}.moh-topbar p{color:var(--muted);margin:4px 0 0;font-size:13px}.moh-actions{gap:8px;display:flex}.ghost{color:#21496f;cursor:pointer;background:#fff;border:1px solid #c7d6e8;border-radius:10px;padding:8px 12px;font-weight:600}.ghost:hover{background:#f2f7ff}.ghost:disabled{opacity:.45;cursor:not-allowed}.moh-toolbar{background:var(--panel);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:12px;padding:12px;display:grid}.toolbar-field{flex-direction:column;gap:6px;display:flex}.toolbar-field label{text-transform:uppercase;letter-spacing:.06em;color:#58718b;font-size:11px;font-weight:700}.toolbar-field.wide{grid-column:span 2}.toolbar-field input,.toolbar-field select{color:#173554;background:#fff;border:1px solid #c7d7ea;border-radius:10px;padding:8px 10px}.toolbar-field.readonly div{color:#3f5975;background:#f7fbff;border:1px solid #e0e9f3;border-radius:10px;padding:8px 10px}.moh-filter-drawer{color:#315376;background:#f8fbff;border:1px solid #d6e3f0;border-radius:12px;gap:6px;margin-top:10px;padding:10px 12px;font-size:13px;display:grid}.moh-chip-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0;display:grid}.chip{background:linear-gradient(#fff 0%,#f4f8fd 100%);border:1px solid #d7e3ef;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.chip span{color:#55708e;font-size:12px}.chip b{color:#16375a;font-size:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 4px 14px #0d26400d}.panel h3{color:#17385d;margin:0 0 10px;font-size:16px}.panel.loading{color:#357;font-weight:600}.panel.error{color:#a82f2f;background:#fff8f8;border-color:#efc3c3}.empty-note{color:#476788;background:#f8fbff;border:1px dashed #c9d9ea;border-radius:10px;padding:14px;font-size:13px}.hint-note{color:#5c7692;margin:8px 2px 0;font-size:12px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:10px;display:grid}.kpi-card{border:1px solid var(--line);background:#fff;border-left:5px solid #1f74c9;border-radius:12px;padding:12px}.kpi-label{color:#668099;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:11px;font-weight:700}.kpi-value{color:#15395e;font-size:clamp(22px,2.4vw,34px);font-weight:800;line-height:1}.grid-two{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.chart-box{height:320px}.chart-box.short{height:250px}.chart-box.large{height:380px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}.hotels-table{min-width:720px}th,td{text-align:left;border-bottom:1px solid #e3ebf4;padding:10px;font-size:13px}th{color:#3f5f80;background:#f6faff}tr:hover td{background:#f9fbff}.pager{justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;display:flex}.pager span{color:#3c5b79;text-align:center;min-width:120px;font-size:13px}.footnote{color:#5b7896;margin-top:12px;font-size:12px}@media (max-width:1160px){.moh-layout{grid-template-columns:1fr}.mobile-nav-toggle{justify-content:center;align-items:center;display:inline-flex}.moh-sidebar{z-index:40;border-bottom:0;border-right:1px solid #ffffff14;width:min(78vw,290px);padding:14px 12px;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-110%)}.moh-sidebar.open{transform:translate(0)}.moh-mobile-overlay{z-index:30;background:#0a192873;display:block;position:fixed;inset:0}.moh-nav{flex-direction:column;gap:8px;display:flex;overflow:auto}.moh-nav button{border-radius:12px;min-width:0;padding:10px}.moh-nav button small{display:block}.moh-toolbar{grid-template-columns:1fr 1fr}.grid-two{grid-template-columns:1fr}.chart-box,.chart-box.large{height:320px}}@media (max-width:860px){.moh-main{padding:12px}.moh-topbar{flex-direction:column;align-items:flex-start}.moh-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.moh-chip-row{grid-template-columns:repeat(2,minmax(0,1fr))}.moh-toolbar{grid-template-columns:1fr}.toolbar-field.wide{grid-column:auto}.chart-box{height:290px}.chart-box.short{height:240px}.chart-box.large{height:310px}}@media (max-width:640px){.mobile-nav-toggle{justify-content:center;align-items:center;display:inline-flex}.moh-sidebar{z-index:40;border-bottom:0;width:min(78vw,290px);padding:14px 12px;transition:transform .22s;position:fixed;top:0;bottom:0;left:0;transform:translate(-110%)}.moh-sidebar.open{transform:translate(0)}.moh-mobile-overlay{z-index:30;background:#0a192873;display:block;position:fixed;inset:0}.moh-brand,.moh-side-group,.moh-side-note{display:block}.moh-nav{flex-direction:column;gap:8px;display:flex;overflow:auto}.moh-nav button{border-radius:12px;min-width:0;padding:10px}.moh-nav button small{display:block}.moh-topbar{padding:12px}.moh-topbar h1{font-size:19px}.moh-chip-row,.kpi-grid{grid-template-columns:1fr}.panel{padding:10px}.chart-box{height:240px}.chart-box.short{height:210px}.chart-box.large{height:260px}table{min-width:620px}th,td{padding:8px;font-size:12px}.hotels-wrap{overflow:visible}.hotels-table{border-collapse:separate;border-spacing:0;min-width:0}.hotels-table thead{display:none}.hotels-table tbody{display:block}.hotels-table tr{background:#fff;border:1px solid #dce7f2;border-radius:12px;margin-bottom:10px;padding:8px;display:block}.hotels-table td{word-break:break-word;border:0;grid-template-columns:92px 1fr;gap:8px;padding:6px 4px;font-size:12px;display:grid}.hotels-table td:before{content:attr(data-label);color:#57728f;text-transform:uppercase;letter-spacing:.03em;font-size:10px;font-weight:700}.pager{justify-content:space-between;gap:8px}.pager span{min-width:0;font-size:12px}}.bullet-list{color:#324a63;margin:0;padding-left:18px;line-height:1.55}.bullet-list li+li{margin-top:8px}.mobile-nav-toggle,.moh-mobile-overlay{display:none}@media (max-width:1160px){.mobile-nav-toggle{display:inline-flex!important}}.mobile-nav-toggle{color:#fff;background:linear-gradient(#1f74c9 0%,#155aa0 100%);border:1px solid #0f4d86;border-radius:999px;gap:8px;box-shadow:0 8px 20px #124f8e47}.mobile-nav-toggle:hover{background:linear-gradient(#2b82db 0%,#1b66b3 100%)}.mobile-nav-toggle .menu-icon{background:#fff3;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;display:inline-grid}@media (max-width:1160px){.mobile-nav-toggle{justify-content:center;align-items:center;padding:9px 14px;font-weight:700;display:inline-flex!important}}.heatmap-table{min-width:860px}.heatmap-table td,.heatmap-table th{text-align:center}.heatmap-table td:first-child,.heatmap-table th:first-child{text-align:left;min-width:72px}.heatmap-desktop{display:block}.heatmap-mobile{display:none}.heatmap-card{background:#fff;border:1px solid #dbe6f2;border-radius:12px;margin-bottom:10px;padding:10px}.heatmap-card-title{color:#244766;margin-bottom:8px;font-weight:700}.heatmap-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.heatmap-chip{border:1px solid #d4e2f0;border-radius:10px;flex-direction:column;gap:4px;padding:8px;display:flex}.heatmap-chip span{color:#3f617f;font-size:11px}.heatmap-chip b{color:#183a59;font-size:13px}@media (max-width:768px){.heatmap-desktop{display:none}.heatmap-mobile{display:block}.heatmap-chip-grid{grid-template-columns:1fr}}.heatmap-mobile-years{gap:8px;display:grid}.heatmap-year-block{background:#fff;border:1px solid #dbe6f2;border-radius:12px;overflow:hidden}.heatmap-year-toggle{color:#234463;background:#f6faff;border:0;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-weight:700;display:flex}.heatmap-year-toggle.open{background:#edf5ff}.heatmap-year-toggle b{font-size:18px;line-height:1}.heatmap-desktop{-webkit-overflow-scrolling:touch;overflow-x:auto}.heatmap-desktop .heatmap-table{min-width:980px}.heatmap-desktop .heatmap-table th:first-child,.heatmap-desktop .heatmap-table td:first-child{z-index:1;background:#fff;position:sticky;left:0}.heatmap-range-tabs{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.heatmap-range-tab{color:#285173;background:#f5faff;border:1px solid #cfe0f1;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.heatmap-range-tab.active{color:#fff;background:#1f74c9;border-color:#1f74c9}.status-badge{letter-spacing:.3px;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:68px;margin-right:8px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-flex}.status-badge.good{color:#166534;background:#e7f9ee;border-color:#bbf7d0}.status-badge.medium{color:#9a6700;background:#fff8e6;border-color:#fde68a}.status-badge.high{color:#991b1b;background:#feeceb;border-color:#fecaca}.status-badge.info{color:#1e40af;background:#eef4ff;border-color:#bfdbfe}.skeleton-wrap{gap:10px;display:grid}.skeleton-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.skeleton-card,.skeleton-line{background:linear-gradient(90deg,#eaf1f9 20%,#f5f9ff 37%,#eaf1f9 63%) 0 0/400% 100%;border-radius:10px;animation:1.25s ease-in-out infinite skel}.skeleton-card{border:1px solid #d9e5f1;height:72px}.skeleton-line{height:14px}.skeleton-line.w-40{width:40%}.skeleton-line.w-45{width:45%}.skeleton-line.w-50{width:50%}.skeleton-line.w-60{width:60%}.skeleton-line.w-70{width:70%}.skeleton-line.w-75{width:75%}.skeleton-line.w-78{width:78%}.skeleton-line.w-80{width:80%}.skeleton-line.w-85{width:85%}.skeleton-line.w-88{width:88%}.skeleton-line.w-90{width:90%}.skeleton-line.w-95{width:95%}@keyframes skel{0%{background-position:100% 0}to{background-position:0 0}}@media (max-width:980px){.skeleton-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.moh-main-ai{padding:8px}.moh-main-ai .moh-topbar{margin-bottom:8px}.moh-main-ai{flex-direction:column;height:100vh;min-height:100vh;padding:0;display:flex;overflow:hidden}.moh-main-ai .moh-topbar{border-radius:0;flex:none;margin:0}.moh-topbar-ai .moh-actions{gap:8px}@media (max-width:980px){.moh-main-ai{height:100dvh;min-height:100dvh}.moh-topbar-ai .moh-actions select{min-width:120px}}.moh-main-ai{height:100dvh!important;min-height:100dvh!important}.moh-main-ai>section{min-height:0}.moh-topbar-ai{z-index:40;background:#fff;border-bottom:1px solid #dbe4ef;position:sticky;top:0}@media (max-width:980px){.moh-topbar-ai{z-index:50;position:sticky;top:0}}.export-menu{z-index:50;background:#fff;border:1px solid #c7d6e8;border-radius:12px;min-width:230px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 16px 40px #0f2b4929}.export-menu button{color:#21496f;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;width:100%;padding:9px 10px;font-weight:700}.export-menu button:hover{background:#f2f7ff}