:root{--font-sans-vi:"Segoe UI", Tahoma, Arial, "Noto Sans", "Liberation Sans", sans-serif;--font-family:var(--font-sans-vi);--font-sans:var(--font-sans-vi);--white:#fff;--black:#000;--text:#222;--muted:#6c757d;--muted-hover:#5a6268;--border:#ced4da;--action-label:#222;--admin-notice-text:#222;--border-weak:silver;--bg-muted:#f8f9fa;--bg-muted-2:#f1f3f5;--header-red:#d81e05;--header-bg-url:/assets/5tayHCC-background.opt.webp;--wallpaper-url:url(/assets/Trong-dong.opt-CCegK_zj.webp);--wallpaper-global-opacity:.12;--wallpaper-opacity:var(--wallpaper-global-opacity);--wallpaper-size:100vw auto;--surface-bg:transparent;--surface-opaque:#fffffffa;--surface-opaque-text:var(--text);--surface-shadow:0 4px 12px #0000000d;--btn-primary:var(--header-red);--btn-secondary:var(--color-1565c0);--btn-secondary-hover:var(--color-0d47a1);--btn-danger:var(--color-c62828);--btn-danger-hover:var(--color-b71c1c);--btn-on-dark:var(--white);--primary:var(--color-0d6efd);--primary-hover:var(--color-0b5ed7);--primary-dark:var(--color-0a58ca);--warning:var(--color-fd7e14);--warning-hover:var(--color-e36a0d);--success:var(--color-198754);--success-hover:var(--color-157347);--danger:var(--color-dc3545);--danger-hover:var(--color-bb2d3b);--header-red-dark:var(--color-8a0000);--accent:var(--color-ffc107);--info:var(--color-1565c0);--info-light:#e9f5ff;--yellow-bright:var(--color-ffee00);--panel-blue:var(--color-1565c0);--danger-light:var(--color-fbebeb);--danger-lighter:#fff5f5;--muted-bg:#f5f5f5;--primary-color:var(--primary);--secondary-color:var(--primary);--accent-color:var(--accent);--medium:var(--muted);--success-color:var(--success);--danger-color:var(--danger)}.main-header,.page-header{background-color:var(--header-red);color:var(--white);background-image:url(/assets/5tayHCC-background.opt-CFtQoaCI.webp);background-position:50%;background-size:cover}.main-header,.page-header,.game-header,.modal-header,footer{box-sizing:border-box;z-index:3;width:100%}main,.app-main,.admin-main,.general-menu,#main-menu,.game-area,.board-wrap{z-index:1;position:relative}html{background-image:var(--wallpaper-url);background-repeat:no-repeat;background-position:var(--wallpaper-position,center center);background-size:var(--wallpaper-size);background-attachment:fixed}.surface{border-radius:8px;background-color:var(--surface-bg)!important;box-shadow:var(--surface-shadow)!important}.transparent-surface{box-shadow:none!important;background:0 0!important;border:none!important}.header-logo{height:70px}html,body{min-height:100vh;margin:0;padding:0}:root{--color-000ed4:#000ed4;--color-0056b3:#0056b3;--color-00b3d3:#00b3d3;--color-00f2ff:#00f2ff;--color-00ff00:#0f0;--color-00ff41:#00ff41;--color-039:#039;--color-0a58ca:#0a58ca;--color-0b5ed7:#0b5ed7;--color-0b8200:#0b8200;--color-0d47a1:#0d47a1;--color-0d6efd:#0d6efd;--color-1100ff:#10f;--color-1565c0:#1565c0;--color-157347:#157347;--color-198754:#198754;--color-1e2ce9:#1e2ce9;--color-343a40:#343a40;--color-495057:#495057;--color-555:#555;--color-5a6268:#5a6268;--color-6c757d:#6c757d;--color-8a0000:#8a0000;--color-b01503:#b01503;--color-b71c1c:#b71c1c;--color-bb2d3b:#bb2d3b;--color-bfd400:#bfd400;--color-c62828:#c62828;--color-d0d400:#d0d400;--color-d3d5c9:#d3d5c9;--color-d9ff00:#d9ff00;--color-dc3545:#dc3545;--color-e0e2d5:#e0e2d5;--color-e36a0d:#e36a0d;--color-e5ff00:#e5ff00;--color-e6c800:#e6c800;--color-e8e9dd:#e8e9dd;--color-e9dc1e:#e9dc1e;--color-eee:#eee;--color-eeff00:#ef0;--color-f0f2f5:#f0f2f5;--color-f1f1f1:#f1f1f1;--color-f1f3f5:#f1f3f5;--color-f4f6ed:#f4f6ed;--color-fbebeb:#fbebeb;--color-fbfbfc:#fbfbfc;--color-fd7e14:#fd7e14;--color-ff0000:red;--color-ff00de:#ff00de;--color-ff7f00:#ff7f00;--color-ffc107:#ffc107;--color-ffe605:#ffe605;--color-ffee00:#fe0;--color-fffb00:#fffb00;--color-ffff00:#ff0}body:not(:-webkit-any(.print-page,.single-view-body)) .container,body:not(:-webkit-any(.print-page,.single-view-body)) main,body:not(:-webkit-any(.print-page,.single-view-body)) .control-panel,body:not(:-webkit-any(.print-page,.single-view-body)) .admin-main,body:not(:-webkit-any(.print-page,.single-view-body)) .main-menu,body:not(:-webkit-any(.print-page,.single-view-body)) #main-menu,body:not(:-webkit-any(.print-page,.single-view-body)) .control-grid,body:not(:-webkit-any(.print-page,.single-view-body)) .table-container,body:not(:-webkit-any(.print-page,.single-view-body)) .grid-panel,body:not(:-webkit-any(.print-page,.single-view-body)) .main-content-wrapper{background-color:var(--surface-bg)!important;box-shadow:var(--surface-shadow)!important;border:1px solid var(--border)!important;background-image:none!important}body:not(:is(.print-page,.single-view-body)) .container,body:not(:is(.print-page,.single-view-body)) main,body:not(:is(.print-page,.single-view-body)) .control-panel,body:not(:is(.print-page,.single-view-body)) .admin-main,body:not(:is(.print-page,.single-view-body)) .main-menu,body:not(:is(.print-page,.single-view-body)) #main-menu,body:not(:is(.print-page,.single-view-body)) .control-grid,body:not(:is(.print-page,.single-view-body)) .table-container,body:not(:is(.print-page,.single-view-body)) .grid-panel,body:not(:is(.print-page,.single-view-body)) .main-content-wrapper{background-color:var(--surface-bg)!important;box-shadow:var(--surface-shadow)!important;border:1px solid var(--border)!important;background-image:none!important}.menu-button:before,.general-button:before,.grid-item:before{background-color:#ac0202!important}.heatmap-item{background-color:var(--surface-opaque)!important}.heatmap-item.high{background-color:#fff5f6!important}.heatmap-item.medium{background-color:#fffaf0!important}.heatmap-item.low{background-color:#f5fff6!important}.admin-table tbody tr:nth-child(odd){background-color:var(--bg-muted-2)!important}.admin-table tbody tr:hover{background-color:var(--muted-bg)!important}.modal .modal-content,.settings-panel,.settings-panel .settings-content,.settings-panel .settings-header,.favorites-panel,#favorites-panel,.favorites-panel .settings-content,aside.settings-panel,#settings-panel,.toast-notification,.toast-notification .toast-message{border-radius:8px;background-color:var(--surface-opaque)!important;color:var(--surface-opaque-text)!important;box-shadow:var(--surface-shadow)!important;border:1px solid var(--border)!important}.menu-button:before,.general-button:before,.grid-item:before{z-index:0;background-color:#ac0202!important}.menu-button:after,.grid-item:after{content:"";opacity:.38;z-index:1;pointer-events:none;filter:brightness(.98)saturate(.95);background-image:url(/assets/5tayHCC-background.opt-CFtQoaCI.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;transition:opacity .22s,transform .22s,filter .22s;position:absolute;top:0;bottom:0;left:0;right:0}.menu-button>*,.grid-item>*{z-index:2;position:relative}.menu-button:hover:after,.grid-item:hover:after{opacity:.92;filter:brightness(1.06)saturate(1.08)contrast();transform:scale(1.02)}#countdown-timer,.header-tagline,.header-qr>p{color:var(--text)!important}body #countdown-timer,body .countdown-container,body .countdown-container *,body .header-qr>p,body .header-qr p{color:var(--text)!important;text-shadow:none!important}body header,body .header-text,body .header-title-container,body .page-header,body .main-header,.shadow-small,.shadow-small *{text-shadow:none!important}#countdown-timer,#countdown-timer *,#form-title,.form-title{color:var(--text)!important;text-shadow:none!important}body .main-header .header-title-main,body .main-header .header-title-sub,body .page-header .header-title-main,body .page-header .header-title-sub,body .main-header .admin-title,body .main-header .admin-notice,body .main-header .header-tagline,body .page-header .header-tagline{color:var(--white)!important;text-shadow:none!important}body footer,body footer p,body .main-footer,body .game-footer{color:var(--text-light)!important;text-shadow:none!important}header,header.main-header,header.page-header,.main-header,.page-header,.game-header,header[role=banner]{will-change:transform;box-sizing:border-box!important;width:100%!important;transition:transform .22s ease-in-out!important;position:relative!important;top:auto!important;left:auto!important}.header-hidden{pointer-events:none!important;transform:translateY(-110%)!important}footer,.main-footer,.game-footer{will-change:transform;transition:transform .22s ease-in-out!important;position:relative!important;bottom:auto!important}.footer-hidden{pointer-events:none!important;transform:translateY(110%)!important}.footer-visible{transform:translateY(0)!important}@media (max-width:600px){.header-hidden{transform:translateY(-105%)!important}}html,body{height:auto!important;min-height:100vh!important;overflow:hidden auto!important}.container,.app-container,.app-main,main,.main-menu,.main-content-wrapper,.control-panel,.admin-main,.general-menu,.game-area,.board-wrap,.play-panel,.single-view-body .app-container,.display-panel,.display-panel-large{-webkit-overflow-scrolling:auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}:root{--font-sans-vi:"Segoe UI", Tahoma, Arial, "Noto Sans", "Liberation Sans", sans-serif;--ui-button-height:44px;--ui-button-height-sm:36px;--ui-button-height-lg:52px;--ui-button-radius:8px;--ui-button-gap:8px;--ui-button-pad-x:18px;--ui-button-font-size:.98rem;--ui-button-font-weight:700;--ui-button-shadow:0 8px 18px #0f172a24;--ui-button-shadow-hover:0 12px 24px #0f172a2e;--ui-button-transition:background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease, filter .16s ease;--ui-focus-ring:0 0 0 3px #0ea5e957;--ui-primary:var(--header-red,#d81e05);--ui-primary-hover:var(--header-red-dark,#8a0000);--ui-secondary:var(--btn-secondary,#1565c0);--ui-secondary-hover:var(--btn-secondary-hover,#0d47a1);--ui-success:var(--success,#198754);--ui-success-hover:var(--success-hover,#157347);--ui-danger:var(--danger,#dc3545);--ui-danger-hover:var(--danger-hover,#bb2d3b);--ui-neutral:#253241;--ui-neutral-hover:#17212f;--ui-on-dark:#fff}html,body,button,input,select,textarea,optgroup,a{font-family:var(--font-sans-vi)}button,[type=button],[type=submit],[type=reset],.btn,.action-btn,.action-button,.action-button-modern,.app-button,.header-action-btn,.back-button,.modal-confirm-btn,.modal-cancel-btn,.settings-close,.favorites-close,.procedure-item-button,.print-controls .action-button,.modal-buttons .action-button{min-height:var(--ui-button-height);min-width:44px;padding:0 var(--ui-button-pad-x);border-radius:var(--ui-button-radius);font-family:var(--font-sans-vi);font-size:var(--ui-button-font-size);font-weight:var(--ui-button-font-weight);letter-spacing:0;justify-content:center;align-items:center;gap:var(--ui-button-gap);white-space:normal;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;color:var(--ui-on-dark);background:var(--ui-neutral);box-shadow:var(--ui-button-shadow);transition:var(--ui-button-transition);border:1px solid #0000;line-height:1.2;text-decoration:none;display:inline-flex}button:hover:not(:disabled),[type=button]:hover:not(:disabled),[type=submit]:hover:not(:disabled),[type=reset]:hover:not(:disabled),.btn:hover:not(:disabled),.action-btn:hover:not(:disabled),.action-button:hover:not(:disabled),.action-button-modern:hover:not(:disabled),.app-button:hover:not(:disabled),.header-action-btn:hover:not(:disabled),.back-button:hover,.modal-confirm-btn:hover:not(:disabled),.modal-cancel-btn:hover:not(:disabled),.settings-close:hover,.favorites-close:hover,.procedure-item-button:hover,.print-controls .action-button:hover:not(:disabled),.modal-buttons .action-button:hover:not(:disabled){box-shadow:var(--ui-button-shadow-hover);filter:brightness(1.04);transform:translateY(-1px)}button:active:not(:disabled),[type=button]:active:not(:disabled),[type=submit]:active:not(:disabled),[type=reset]:active:not(:disabled),.btn:active:not(:disabled),.action-btn:active:not(:disabled),.action-button:active:not(:disabled),.action-button-modern:active:not(:disabled),.app-button:active:not(:disabled),.header-action-btn:active:not(:disabled),.back-button:active,.modal-confirm-btn:active:not(:disabled),.modal-cancel-btn:active:not(:disabled),.procedure-item-button:active{filter:brightness(.98);transform:translateY(0)}button:focus-visible{box-shadow:var(--ui-button-shadow), var(--ui-focus-ring);outline:none}[type=button]:focus-visible{box-shadow:var(--ui-button-shadow), var(--ui-focus-ring);outline:none}[type=submit]:focus-visible{box-shadow:var(--ui-button-shadow), var(--ui-focus-ring);outline:none}[type=reset]:focus-visible{box-shadow:var(--ui-button-shadow), var(--ui-focus-ring);outline:none}a:focus-visible{box-shadow:var(--ui-button-shadow), var(--ui-focus-ring);outline:none}.btn:focus-visible{box-shadow:var(--ui-button-shadow), var(--ui-focus-ring);outline:none}.action-btn:focus-visible{box-shadow:var(--ui-button-shadow), var(--ui-focus-ring);outline:none}.action-button:focus-visible{box-shadow:var(--ui-button-shadow), var(--ui-focus-ring);outline:none}.action-button-modern:focus-visible{box-shadow:var(--ui-button-shadow), var(--ui-focus-ring);outline:none}.app-button:focus-visible{box-shadow:var(--ui-button-shadow), var(--ui-focus-ring);outline:none}.header-action-btn:focus-visible{box-shadow:var(--ui-button-shadow), var(--ui-focus-ring);outline:none}.back-button:focus-visible{box-shadow:var(--ui-button-shadow), var(--ui-focus-ring);outline:none}.procedure-item-button:focus-visible{box-shadow:var(--ui-button-shadow), var(--ui-focus-ring);outline:none}button:disabled,[type=button]:disabled,[type=submit]:disabled,[type=reset]:disabled,.btn:disabled,.action-btn:disabled,.action-button:disabled,.action-button-modern:disabled,.app-button:disabled,.header-action-btn:disabled,.procedure-item-button:disabled{opacity:.58;cursor:not-allowed;filter:grayscale(.1);box-shadow:none;transform:none}.btn-primary,.action-btn.primary-btn,.action-btn.confirm-btn,.action-btn.edit-btn,.action-button.primary,.action-button-modern.add-button,.action-button-modern.export-button,.app-button.primary,.modal-confirm-btn,.header-action-btn.btn-display,.header-action-btn.btn-form{background:var(--ui-primary);border-color:color-mix(in srgb, var(--ui-primary), #000 12%);color:var(--ui-on-dark)}.btn-primary:hover:not(:disabled),.action-btn.primary-btn:hover:not(:disabled),.action-btn.confirm-btn:hover:not(:disabled),.action-btn.edit-btn:hover:not(:disabled),.action-button.primary:hover:not(:disabled),.action-button-modern.add-button:hover:not(:disabled),.action-button-modern.export-button:hover:not(:disabled),.app-button.primary:hover:not(:disabled),.modal-confirm-btn:hover:not(:disabled){background:var(--ui-primary-hover)}.btn-secondary,.action-button.secondary,.action-button-modern.import-button,.app-button.secondary,.modal-cancel-btn,.back-button{background:var(--ui-secondary);border-color:color-mix(in srgb, var(--ui-secondary), #000 12%);color:var(--ui-on-dark)}.btn-secondary:hover:not(:disabled),.action-button.secondary:hover:not(:disabled),.action-button-modern.import-button:hover:not(:disabled),.app-button.secondary:hover:not(:disabled),.modal-cancel-btn:hover:not(:disabled),.back-button:hover{background:var(--ui-secondary-hover)}.btn-success,.action-button.success,.app-button.success{background:var(--ui-success);border-color:color-mix(in srgb, var(--ui-success), #000 12%);color:var(--ui-on-dark)}.btn-success:hover:not(:disabled),.action-button.success:hover:not(:disabled),.app-button.success:hover:not(:disabled){background:var(--ui-success-hover)}.btn-danger,.action-btn.delete-btn,.action-button.danger,.action-button-modern.delete-button,.app-button.danger,.header-action-btn.btn-copy,.header-action-btn.btn-copy-icon{background:var(--ui-danger);border-color:color-mix(in srgb, var(--ui-danger), #000 12%);color:var(--ui-on-dark)}.btn-danger:hover:not(:disabled),.action-btn.delete-btn:hover:not(:disabled),.action-button.danger:hover:not(:disabled),.action-button-modern.delete-button:hover:not(:disabled),.app-button.danger:hover:not(:disabled){background:var(--ui-danger-hover)}.btn.small,.action-btn,.action-button.small,.app-button.small,.btn-icon,.settings-close,.favorites-close{min-height:var(--ui-button-height-sm);padding-inline-start:12px;padding-inline-end:12px;font-size:.9rem}.print-controls .action-button,.modal-buttons .action-button{min-height:var(--ui-button-height-lg);padding-inline-start:24px;padding-inline-end:24px;font-size:1.08rem}.menu-button,.general-button{font-family:var(--font-sans-vi);letter-spacing:0}.menu-button:focus-visible{box-shadow:0 10px 24px #0000002e, var(--ui-focus-ring);outline:none}.general-button:focus-visible{box-shadow:0 10px 24px #0000002e, var(--ui-focus-ring);outline:none}input,select,textarea{letter-spacing:0}.auth-landing{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;padding:1.5rem;display:flex}.auth-landing__spinner:before{content:"";border:2px solid #cbd5e1;border-top-color:#2563eb;border-radius:50%;width:2rem;height:2rem;margin:0 auto .75rem;animation:.8s linear infinite auth-landing-spin;display:block}.auth-landing__error{flex-direction:column;align-items:center;gap:1rem;max-width:32rem;display:flex}@keyframes auth-landing-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.auth-landing__spinner:before{animation:none}}