*{box-sizing:border-box}body{background:linear-gradient(#f5f7fb 0%,#eef2f9 100%);margin:0;font-family:Inter,Roboto,Arial,sans-serif}#root{min-height:100vh}.page-shell{justify-content:center;align-items:flex-start;padding:28px 18px;display:flex}.page-shell-centered{align-items:center;min-height:100vh}.page-card{border-radius:18px;width:560px;max-width:100%;padding:24px;box-shadow:0 10px 30px #1e2d5514}.page-title{text-align:center;font-weight:700}.staff-login-card{width:460px}.staff-login-shell{align-items:center;min-height:100dvh}.staff-login-logo{object-fit:contain;width:90px;max-width:100%;margin:0 auto;display:block}.tablet-unlock-card{width:500px}.tablet-unlock-logo{object-fit:contain;width:96px;max-width:100%;margin:0 auto;display:block}.staff-dashboard-card{width:100%}.staff-header-logo{object-fit:contain;background:#fff;border:1px solid #25488a1f;border-radius:14px;width:66px;height:66px;padding:6px;box-shadow:0 6px 16px #213a6e24}.tv-shell{background:linear-gradient(#f5f7fb 0%,#edf2fa 100%);flex-direction:column;justify-content:center;align-items:center;height:100dvh;min-height:100dvh;padding:18px;display:flex;overflow:hidden}.tv-landscape-canvas{aspect-ratio:16/9;flex-direction:column;gap:10px;width:min(1920px,177.778dvh - 64px,100vw - 36px);height:min(1080px,56.25vw - 20.25px,100dvh - 36px);min-height:0;display:flex}.tv-board{flex:1;grid-template-columns:.95fr 1.65fr;gap:14px;width:100%;max-width:none;min-height:0;display:grid}.tv-ref-left-card,.tv-ref-current-card,.tv-ref-mini-card,.tv-picker-card{border-radius:18px!important;box-shadow:0 10px 20px #13274f1f!important}.tv-brand-logo{object-fit:contain;background:#fff;border:1px solid #214b8f1a;border-radius:10px;width:78px;max-width:100%;padding:5px}.tv-brand-logo-compact{flex-shrink:0;width:48px!important;padding:4px!important}.tv-board-reference{align-items:stretch;height:100%}.tv-ref-left-card{border:1px solid #2046861a;align-content:start;gap:14px;height:100%;padding:18px;display:grid;background:linear-gradient(#f8fbff 0%,#fff 100%)!important}.tv-ref-outlet{color:#1f3c74;font-size:1.08rem!important;font-weight:700!important}.tv-ref-subtitle{color:#5a6f97;font-size:.95rem!important;font-weight:600!important}.tv-ref-qr-wrap{background:#fff;border:1px solid #1e3b6d1f;border-radius:12px;justify-content:center;align-items:center;padding:14px;display:flex}.tv-ref-time-box{background:linear-gradient(#f5fbcd 0%,#e9f7b1 100%);border:1px solid #7e9a2633;border-radius:12px;padding:12px 14px}.tv-ref-clock{color:#182745;font-size:2rem!important;font-weight:800!important;line-height:1.05!important}.tv-ref-date{color:#425375;margin-top:4px!important;font-size:.95rem!important}.tv-ref-right{grid-template-rows:minmax(0,1fr) minmax(170px,.4fr);gap:12px;min-height:0;display:grid}.tv-ref-current-card{text-align:center;border:1px solid #6b8e2838;flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:18px 22px;display:flex;background:linear-gradient(#dcffb8 0%,#cbed9d 100%)!important}.tv-ref-title{color:#27422e;font-size:1.15rem!important;font-weight:700!important}.tv-ref-current-number{color:#10263f;letter-spacing:.02em;margin:14px 0 10px!important;font-size:clamp(5rem,13vw,8.5rem)!important;font-weight:900!important;line-height:.95!important}.tv-ref-room{color:#2f4c39;font-size:1.25rem!important;font-weight:600!important}.tv-ref-bottom-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tv-ref-mini-card{border:1px solid #2046861f;padding:16px 18px;background:linear-gradient(#f8fbff 0%,#fff 100%)!important}.tv-ref-mini-title{color:#49608e;font-size:.95rem!important;font-weight:700!important}.tv-ref-mini-value{color:#1f3f76;margin-top:6px!important;font-size:clamp(2.1rem,4.5vw,3rem)!important;font-weight:800!important}.tv-footer-hint{color:#58688a;flex-shrink:0;margin-top:0!important;font-size:.95rem!important;font-weight:500!important}.tv-picker-card{width:560px;max-width:100%;padding:24px;background:linear-gradient(130deg,#fffffffa,#f0f6fff5)!important}@media (width<=980px){.tv-landscape-canvas{aspect-ratio:auto;width:100%;height:auto}.tv-board{grid-template-columns:1fr;overflow:auto}.tv-ref-right{grid-template-rows:auto auto}.tv-shell{overflow:auto}}@media (width<=820px){.tv-ref-bottom-grid{grid-template-columns:1fr}}.register-shell{background:radial-gradient(circle at 12% 15%,#8ec5ff40,#0000 35%),radial-gradient(circle at 85% 8%,#96aaff38,#0000 30%),linear-gradient(#f4f7ff 0%,#eef3ff 100%);justify-content:center;min-height:100vh;padding:26px 18px;display:flex}.register-layout{grid-template-columns:.95fr 1.35fr;align-items:stretch;gap:18px;width:1140px;max-width:100%;display:grid}.register-layout.register-layout-single{grid-template-columns:1fr;max-width:720px}.register-brand-logo-inline{width:88px}.register-info-card,.register-form-card{border-radius:20px!important;box-shadow:0 14px 30px #1e3a751a!important}.register-info-card{padding:28px 26px;background:linear-gradient(140deg,#fff 0%,#f5f8ff 100%)!important}.register-brand-logo{object-fit:contain;width:108px;max-width:100%}.register-form-card{padding:28px 26px;background:linear-gradient(135deg,#fffffffa,#f6fafffa)!important}.register-outlet-text{color:#2b4e92;font-size:1.05rem;font-weight:600}.register-tip-title{color:#234784;font-weight:700}.register-tip-item{color:#3f5f97;font-size:.95rem}.register-section-title{color:#274a86;margin-bottom:0;font-size:.98rem;font-weight:700}.register-medical-grid-3{grid-template-columns:1fr 1fr 1fr;column-gap:10px;display:grid!important}.register-action-section .MuiButton-root{min-height:42px}@media (width<=1024px){.register-layout{grid-template-columns:1fr}.register-medical-grid-3{grid-template-columns:1fr 1fr}}@media (width>=768px) and (width<=1180px){.register-shell{min-height:100dvh;padding:10px;overflow:hidden}.register-layout{grid-template-columns:.76fr 1.24fr;gap:10px;width:100%;max-width:1040px;height:calc(100dvh - 20px)}.register-info-card,.register-form-card{padding:12px 14px;overflow:hidden;border-radius:14px!important}.register-layout.register-layout-single{max-width:760px;height:auto}.register-layout.register-layout-single .register-form-card{padding:22px 20px;border-radius:18px!important}.register-outlet-text{font-size:.95rem}.register-brand-logo{width:86px}.register-tip-title,.register-tip-item,.register-section-title{font-size:.82rem;line-height:1.25}.register-medical-grid{grid-template-columns:1fr 1fr;column-gap:10px;display:grid!important}.register-medical-grid-3{grid-template-columns:1fr 1fr 1fr;column-gap:8px}.register-form-card .MuiFormControl-root,.register-form-card .MuiTextField-root{margin:0}.register-form-card .MuiTypography-h5{font-size:1.2rem}.tv-brand-logo{width:78px}.tv-outlet-name{font-size:1.55rem!important}.tv-clock{font-size:2.4rem!important}.staff-login-logo{width:82px}.staff-header-logo{border-radius:12px;width:58px;height:58px}}@media (orientation:portrait) and (width<=1024px){.register-shell{align-items:flex-start;padding:20px 16px}.register-layout.register-layout-single{max-width:720px}.register-form-card{padding:24px 22px}}@media (width>=760px) and (width<=820px) and (orientation:portrait){.register-shell{padding:18px 14px}.register-layout.register-layout-single{max-width:760px}}@media (width>=820px) and (width<=900px) and (orientation:portrait){.register-shell{padding:18px 14px}.register-layout.register-layout-single{max-width:760px}.register-brand-logo-inline{width:76px}.register-form-card{padding:22px 20px}}@media (width<=600px){.page-shell{padding:14px 10px}.staff-header-logo{border-radius:10px;width:52px;height:52px}.staff-dashboard-card{border-radius:14px!important}.tablet-unlock-logo{width:84px}}