:root{--brand:#24264d;--brand-hover:#3a4178;--brand-soft:#eef0fa;--brand-mid:#dfe3f5;--surface-hover:#f6f7fb;--brand-deep:#1b1d3d;--nav-bg:#24264d;--accent:#f39621;--accent-ink:#995405;--ink:#1d1f20;--ink-2:#3a3c40;--muted:#5d5d60;--page:#f2f2f3;--surface:#fff;--line:#d9dadd;--line-soft:#e6e7ea;--line-strong:#98989b;--control-line:#85858a;--img-empty:#dcdde3;--free-bg:#e3f4ea;--free-fg:#146c43;--free-line:#a6d8bb;--slot-free-bg:#fff;--slot-free-fg:#3a3c40;--slot-free-line:#c4c6cc;--booked-bg:#d4d4d7;--booked-fg:#4a4a4d;--pending-bg:#fff3d6;--pending-fg:#8f5200;--pending-line:#e8b48a;--error-bg:#fdeeed;--error-fg:#c0262d;--error-line:#f2bbb6;--keo-bg:#ffe3bf;--keo-fg:#7a4405;--keo-line:#f39621;--seats-left:#995405;--star:#f39621;--radius-sm:6px;--radius:12px;--radius-card:16px;--radius-pill:999px;--control-h:44px;--control-h-sm:36px;--chip-h:32px;--font-body:var(--font-barlow), system-ui, sans-serif;--font-heading:var(--font-barlow-condensed), "Arial Narrow", system-ui, sans-serif;--text-hero:44px;--text-h2:26px;--text-h3:22px;--text-strong:16px;--text-body:15px;--text-label:14px;--text-note:13px;--page-max:1240px;--gutter:24px;--header-h:60px;--text-h1:28px;--text-card-title:18px;--page-top:32px;--footer-space:288px;--aside-w:360px;--col-gap:32px;--panel-aside-w:clamp(320px, 22vw, 420px);--app-max:1600px;--card-pad:20px;--card-pad-lg:24px;--row-pad:16px 20px;--tab-h:48px}@media (min-width:1800px){:root{--page-max:1440px}}@media (min-width:2400px){:root{--page-max:1600px;--app-max:1760px}}@media (max-width:640px){:root{--text-hero:34px;--gutter:16px}}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--page);min-height:100dvh;color:var(--ink);font-family:var(--font-body);font-size:var(--text-body);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;line-height:1.55;display:flex}body>#noi-dung{flex:1 0 auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-heading);color:var(--brand);font-weight:700;line-height:1.15}h1,h2[id^=h-],h3[id^=h-]{letter-spacing:.02em;text-transform:uppercase}h1{letter-spacing:-.005em;font-style:italic;font-weight:800;line-height:1.12}a{color:var(--brand)}@media (hover:hover){a:hover{color:var(--brand-hover)}}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}:where(input[type=checkbox],input[type=radio]){appearance:none;border:1.5px solid var(--control-line);background:var(--surface) center / 14px no-repeat;cursor:pointer;flex:none;width:20px;height:20px;margin:0}:where(input[type=checkbox]){border-radius:var(--radius-sm)}:where(input[type=checkbox]:checked){border-color:var(--brand);background-color:var(--brand);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E")}:where(input[type=radio]){border-radius:50%}:where(input[type=radio]:checked){border-width:6px;border-color:var(--brand)}:where(input[type=checkbox]:disabled,input[type=radio]:disabled){border-color:var(--line);background-color:var(--line-soft);cursor:not-allowed}:where(input[type=checkbox]:checked:disabled,input[type=radio]:checked:disabled){border-color:var(--muted)}:where(input[type=checkbox]:checked:disabled){background-color:var(--muted)}:where(input[type=checkbox][role=switch]){border-radius:var(--radius-pill);background:var(--control-line);border:0;width:48px;height:28px;transition:background-color .15s;position:relative}:where(input[type=checkbox][role=switch]):before{content:"";aspect-ratio:1;background:var(--surface);border-radius:50%;height:calc(100% - 6px);transition:left .15s,translate .15s;position:absolute;top:3px;left:3px}:where(input[type=checkbox][role=switch]:checked){background:var(--brand)}:where(input[type=checkbox][role=switch]:checked):before{left:calc(100% - 3px);translate:-100%}:where(input[type=checkbox][role=switch]:disabled){opacity:.5}@media (forced-colors:active){:where(input[type=checkbox],input[type=radio]){appearance:auto}:where(input[type=checkbox][role=switch]):before{content:none}input:not([type=checkbox],[type=radio]):focus,textarea:focus{outline-offset:2px;outline:2px solid highlight!important}:where([aria-current=page],[aria-current=true],[aria-current=step],[aria-pressed=true],[aria-selected=true]){outline-offset:-2px;outline:2px solid highlight}}.tn{font-variant-numeric:tabular-nums}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.inset-scrollbar::-webkit-scrollbar{width:14px;height:14px}.inset-scrollbar::-webkit-scrollbar-track{background:0 0}.inset-scrollbar::-webkit-scrollbar-track:vertical{margin-block:var(--scroll-radius,var(--radius))}.inset-scrollbar::-webkit-scrollbar-track:horizontal{margin-inline:var(--scroll-radius,var(--radius))}.inset-scrollbar::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background-color:var(--line);background-clip:padding-box;border:4px solid #0000}.inset-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--line-strong)}.inset-scrollbar::-webkit-scrollbar-thumb:active{background-color:var(--line-strong)}.inset-scrollbar::-webkit-scrollbar-button{display:none}.inset-scrollbar::-webkit-scrollbar-corner{background:0 0}@supports not selector(::-webkit-scrollbar){.inset-scrollbar{scrollbar-width:thin;scrollbar-color:var(--line) transparent}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}