@import "https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--navy:#0b1e33;--navy-panel:#0f2740;--teal:#0f9488;--teal-dark:#0b7a70;--gold:#c9a227;--ink:#142032;--ink-muted:#5b6675;--surface:#fff;--surface-tint:#f4f7f9;--border:#e2e8ee;--border-strong:#cbd5e0;--danger:#b91c1c;--danger-soft:#fee2e2;--success:#16a34a;--warning-soft:#fef3c7;--warning-ink:#92400e;--radius:18px;--radius-sm:10px;--shadow:0 10px 30px #0b1e331f;--shadow-sm:0 4px 16px #0b1e3314;--font-scale:1}[data-contrast=high]{--ink:#000;--ink-muted:#1a1a1a;--border:#000;--teal:#00695c;--gold:#7a5c00;--surface:#fff;--surface-tint:#fff}*{box-sizing:border-box}html{font-size:calc(16px * var(--font-scale))}body{color:var(--ink);min-height:100vh;margin:0;font-family:Inter,system-ui,sans-serif}h1,h2,h3,.display-font{font-family:Manrope,Inter,system-ui,sans-serif}button{font-family:inherit}*{margin:0;padding:0}html,body,#root{min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--navy);color:#fff;overflow:hidden}.signage-app{background:radial-gradient(circle at 20% 0%, #0f948821, transparent 32%), var(--navy);flex-direction:column;gap:clamp(1.25rem,2vw,2.25rem);min-height:100vh;padding:clamp(1.5rem,2.6vw,3.5rem);display:flex}.signage-header{justify-content:space-between;align-items:center;display:flex}.signage-brand{align-items:center;gap:1rem;display:flex}.signage-brand-mark{background:var(--teal);border-radius:18px;place-items:center;width:clamp(52px,4vw,70px);height:clamp(52px,4vw,70px);display:grid;box-shadow:0 10px 30px #0f948840}.signage-brand-mark svg{width:55%;height:55%}.signage-brand-name,.signage-branch{display:block}.signage-brand-name{font-family:Manrope,sans-serif;font-size:clamp(1.45rem,2vw,2.25rem);font-weight:800;line-height:1.05}.signage-branch{color:#a9bacb;margin-top:.3rem;font-size:clamp(.8rem,1vw,1.05rem)}.signage-clock{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;display:flex}.signage-time-row{align-items:center;gap:.65rem;font-size:clamp(1.45rem,2.1vw,2.25rem);font-weight:750;display:flex}.signage-clock svg{color:#49c5b9;width:1em;height:1em}.signage-date{color:#9fb0c3;margin-top:.25rem;font-size:clamp(.85rem,1vw,1.1rem)}.signage-alert{color:#fecaca;background:#7f1d1d4d;border:1px solid #f8717180;border-radius:12px;justify-content:center;align-items:center;gap:.7rem;padding:.8rem 1rem;font-weight:650;display:flex}.signage-main{flex:1;grid-template-columns:minmax(0,3fr) minmax(280px,1fr);gap:clamp(1.25rem,2vw,2rem);min-height:0;display:grid}.now-serving,.recent-panel{background:#0f2740f5;border:1px solid #ffffff12;border-radius:24px;min-height:0;padding:clamp(1.5rem,2.3vw,2.75rem);overflow:hidden}.now-serving{flex-direction:column;display:flex}.section-label{color:#bdd0df;letter-spacing:.11em;text-transform:uppercase;margin:0;font-family:Manrope,sans-serif;font-size:clamp(1rem,1.25vw,1.35rem);font-weight:750}.active-call{text-align:center;border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;margin-top:1rem;transition:background .35s;display:flex}.active-ticket-number{letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-shadow:0 12px 35px #00000040;font-family:Manrope,sans-serif;font-size:clamp(6rem,12vw,13rem);font-weight:800;line-height:.95}.instruction-label{color:#9fb0c3;letter-spacing:.12em;text-transform:uppercase;margin-top:clamp(1.6rem,3vh,3rem);font-size:clamp(1rem,1.6vw,1.65rem);font-weight:650}.active-counter{color:#5ad1c5;margin-top:.4rem;font-family:Manrope,sans-serif;font-size:clamp(2.4rem,5vw,5.5rem);font-weight:800;line-height:1.1}.active-call.flash{background:linear-gradient(135deg,#0f948859,#0f948814);animation:1.4s ease-in-out 3 call-attention}@keyframes call-attention{0%,to{box-shadow:inset 0 0 0 2px #5ad1c526}50%{box-shadow:inset 0 0 0 5px #5ad1c5cc,0 0 45px #0f948840}}.recent-panel{flex-direction:column;display:flex}.recent-list{flex-direction:column;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.recent-list li{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:1rem;padding:clamp(1rem,2vh,1.6rem) 0;display:flex}.recent-list li:last-child{border-bottom:0}.recent-list strong{font-variant-numeric:tabular-nums;font-family:Manrope,sans-serif;font-size:clamp(1.8rem,2.8vw,3.1rem)}.recent-list span{color:#aebdcc;text-align:right;font-size:clamp(.95rem,1.15vw,1.2rem);font-weight:650}.signage-empty{color:#8fa2b5;font-size:clamp(1rem,1.25vw,1.35rem)}.signage-idle,.signage-loading{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;font-size:clamp(1.6rem,3vw,3rem);font-weight:700;display:flex}.signage-idle small{color:#73879a;margin-top:.7rem;font-size:.48em;font-weight:500}.recent-empty{margin-top:1.5rem}.signage-footer{background:#ffffff0b;border-radius:16px;justify-content:space-between;align-items:center;min-height:62px;padding:.7rem 1.2rem;display:flex}.queue-summary{align-items:baseline;gap:.65rem;display:flex}.queue-summary strong{color:#5ad1c5;font-variant-numeric:tabular-nums;font-family:Manrope,sans-serif;font-size:clamp(1.7rem,2.2vw,2.4rem)}.queue-summary span{color:#c2d0dc;font-size:clamp(.95rem,1.1vw,1.15rem);font-weight:600}.display-status{color:#91a3b5;align-items:center;gap:.55rem;font-size:.9rem;display:flex}.live-dot{background:#ef4444;border-radius:50%;flex:none;width:9px;height:9px}.live-dot.live{background:var(--success);box-shadow:0 0 0 4px #16a34a2e}@media (prefers-reduced-motion:reduce){.active-call.flash{animation:none}}@media (width<=720px){body{overflow:auto}.signage-app{min-height:100svh;padding:1.2rem}.signage-date{text-align:right;max-width:150px}.signage-main{grid-template-columns:1fr}.now-serving{min-height:52svh}.recent-panel{min-height:auto}.active-ticket-number{font-size:clamp(5rem,27vw,8rem)}.active-counter{font-size:clamp(2.3rem,12vw,4rem)}.recent-list li{padding:1rem 0}.recent-list strong{font-size:1.8rem}.signage-footer{position:static}.display-status{font-size:0}}.signage-app{isolation:isolate;background:linear-gradient(145deg,#06182a 0%,#0a2138 55%,#071c2f 100%);position:relative;overflow:hidden}.signage-app:before{content:"";z-index:-2;opacity:.12;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000,#0000 75%);mask-image:radial-gradient(circle at 50% 45%,#000,#0000 75%)}.signage-ambient{z-index:-1;filter:blur(80px);pointer-events:none;border-radius:50%;animation:12s ease-in-out infinite alternate signage-drift;position:absolute}.ambient-one{background:#19b7a82b;width:480px;height:480px;top:-190px;right:-160px}.ambient-two{background:#2768a61f;width:370px;height:370px;animation-delay:-6s;bottom:-150px;left:-170px}@keyframes signage-drift{to{transform:translate(30px,22px)scale(1.12)}}.signage-header{z-index:2;position:relative}.signage-brand-mark{background:linear-gradient(145deg,#1eb7a8,#087c74);border:1px solid #ffffff21}.signage-main{z-index:1;position:relative}.now-serving,.recent-panel{background:linear-gradient(145deg,#0f2b46f5,#0a2137f5);border-color:#ffffff17;box-shadow:0 24px 70px #0000002e}.section-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-live{color:#8bded5;background:#0f94881a;border:1px solid #45cdbe33;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .65rem;font-size:clamp(.64rem,.7vw,.78rem);font-weight:700;display:inline-flex}.section-live i{background:#48d2a4;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite live-breathe;box-shadow:0 0 0 4px #48d2a41f}@keyframes live-breathe{50%{box-shadow:0 0 0 8px #48d2a400}}.active-call{isolation:isolate;position:relative}.active-call:before{content:"";z-index:-1;aspect-ratio:1;background:radial-gradient(circle,#18ab9e2e,#18ab9e0a 54%,#0000 72%);border-radius:50%;width:min(42vw,610px);animation:4.5s ease-in-out infinite call-halo;position:absolute}@keyframes call-halo{50%{opacity:.72;transform:scale(1.08)}}.active-ticket-number{color:#fff;position:relative}.active-ticket-number:after{content:"";background:linear-gradient(90deg,#0000,#45cbbd,#0000);border-radius:5px;height:5px;position:absolute;bottom:-.08em;left:8%;right:8%;box-shadow:0 0 24px #45cbbd66}.active-counter{box-sizing:border-box;background:linear-gradient(135deg,#0f948830,#0f948812);border:1px solid #5ad1c53d;border-radius:18px;min-width:min(90%,620px);padding:.22em .55em .28em;box-shadow:inset 0 1px #ffffff0f,0 15px 45px #0000001f}.call-guidance{color:#8095a8;margin-top:clamp(1rem,1.8vh,1.8rem);font-size:clamp(.8rem,.95vw,1.05rem)}.active-call.flash:after{content:"NEW CALL";color:#172534;letter-spacing:.1em;background:#e7b443;border-radius:999px;padding:.45rem .75rem;font-size:clamp(.6rem,.8vw,.78rem);font-weight:900;animation:.75s .2s both new-call-tag;position:absolute;top:6%;right:5%;box-shadow:0 8px 24px #e7b4432e}@keyframes new-call-tag{0%{opacity:0;transform:translateY(-10px)scale(.85)}}.recent-count{color:#8fa5b8;background:#ffffff12;border-radius:9px;place-items:center;min-width:28px;height:28px;font-size:.72rem;font-weight:800;display:grid}.recent-list li{border-radius:12px;margin-inline:-.7rem;padding-inline:.7rem}.recent-list li:first-child{background:linear-gradient(90deg,#0f94881f,#0000);margin-top:.35rem}.recent-list li strong{letter-spacing:-.035em}.recent-list li span{background:#ffffff0b;border-radius:9px;padding:.42rem .62rem}.recent-empty{text-align:center;flex:1;place-items:center;margin:0;display:grid}.idle-icon{color:#51c9bd;background:#0f948814;border:1px solid #5ad1c52e;border-radius:50%;place-items:center;width:clamp(72px,7vw,110px);height:clamp(72px,7vw,110px);margin-bottom:1.5rem;animation:4s ease-in-out infinite idle-float;display:grid}.idle-icon svg{width:44%;height:44%}@keyframes idle-float{50%{transform:translateY(-8px);box-shadow:0 18px 40px #00000024}}.signage-loading{gap:1.35rem;font-size:clamp(1rem,1.35vw,1.4rem)}.signage-loader{align-items:flex-end;gap:8px;height:72px;display:flex}.signage-loader i{background:linear-gradient(#50d1c4,#0f9488);border-radius:8px 8px 3px 3px;width:14px;animation:.85s ease-in-out infinite alternate signage-bars}.signage-loader i:first-child{height:38px;animation-delay:-.3s}.signage-loader i:nth-child(2){height:66px;animation-delay:-.15s}.signage-loader i:nth-child(3){height:50px}@keyframes signage-bars{to{filter:brightness(1.28);transform:translateY(-9px)}}.signage-footer{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff0e;position:relative}.queue-summary-icon{color:#62d5c8;background:#0f948821;border-radius:10px;place-items:center;width:34px;height:34px;font-size:1.35rem;display:grid}.display-status{background:#0000001f;border-radius:999px;padding:.45rem .7rem}@media (width>=2200px){.signage-app{gap:3rem;padding:4.5rem}.signage-main{grid-template-columns:minmax(0,3.3fr) minmax(520px,1fr)}.now-serving,.recent-panel{border-radius:34px;padding:3.5rem}.active-ticket-number{font-size:clamp(13rem,12vw,22rem)}.active-counter{font-size:clamp(5.5rem,5vw,9rem)}}@media (prefers-reduced-motion:reduce){.signage-ambient,.section-live i,.active-call:before,.idle-icon,.signage-loader i,.active-call.flash:after{animation:none}}