.kiosk{min-height:100svh;display:flex;flex-direction:column;max-width:2200px;margin:auto;padding:0 clamp(24px,4vw,80px)}.topbar{display:flex;justify-content:space-between;align-items:center;padding:30px 0 26px;border-bottom:1px solid #d8ded2;gap:24px}.brand{display:flex;align-items:center;gap:15px}.brand-symbol{display:grid;place-items:center;width:60px;height:60px;background:#243d37;color:#f5f4ed;border-radius:16px}.brand-symbol svg{width:34px;height:34px}.brand strong{display:block;font-size:38px;letter-spacing:-2px;line-height:1}.brand-dot{color:#589b4c}.brand-caption{display:block;font-size:10px;letter-spacing:2px;font-weight:700;margin-top:9px}.clock{text-align:right}.clock time{display:block;font-size:46px;letter-spacing:-2px;line-height:1;font-weight:500;font-variant-numeric:tabular-nums}.clock>span{display:block;font-size:13px;color:#5c6c61;margin-top:8px}.dashboard{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:26px 38px;padding:32px 0;flex:1;align-content:start}.welcome{grid-column:1;grid-row:1}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:#5f725f}.welcome h1{font-size:clamp(28px,3.1vw,54px);line-height:1.1;letter-spacing:-1.6px;margin:12px 0}.welcome p{font-size:15px;line-height:1.55;max-width:480px;color:#596d60}.status-panel{grid-column:1;grid-row:2;border-radius:24px;padding:clamp(24px,2.7vw,44px);background:#263f38;color:#fff;min-width:0;position:relative;overflow:hidden}.status-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.status-top>svg{width:34px;height:34px;opacity:.85}.status-tag{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.5;font-weight:750;letter-spacing:1.3px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.status-panel h2{font-size:clamp(36px,4.4vw,76px);letter-spacing:-2.5px;line-height:1.05;margin:24px 0 16px;overflow-wrap:anywhere}.guidance{font-size:clamp(16px,1.5vw,23px);line-height:1.55;max-width:540px;color:#e0e9e2}.state-open .status-panel{background:#dcecba;color:#213e2b}.state-open .guidance{color:#3b5237}.state-restricted .status-panel{background:#f1dfc4;color:#523d26}.state-restricted .guidance{color:#654e35}.state-offline .status-panel,.state-pending .status-panel,.state-loading .status-panel{background:#e5e8df;color:#34463b}.state-offline .guidance,.state-pending .guidance,.state-loading .guidance{color:#536456}.current-event{border-top:1px solid #263f3838;padding-top:22px;margin-top:30px}.current-label{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:1px;font-weight:750}.current-label>span:last-child{font-weight:500;letter-spacing:0}.current-event h3{font-size:clamp(22px,2vw,33px);letter-spacing:-.5px;line-height:1.25;margin:12px 0 16px;overflow-wrap:anywhere}.current-time{display:flex;align-items:center;gap:8px;font-size:15px;flex-wrap:wrap}.current-time svg{width:18px;height:18px}.remaining{margin-left:auto;font-size:12px}.location{font-size:13px;margin-top:12px;overflow-wrap:anywhere}.status-note{display:flex;gap:12px;align-items:center;border-top:1px solid #ffffff40;padding-top:20px;margin-top:30px;font-size:13px;line-height:1.6}.status-note svg{width:20px;height:20px}.agenda{grid-column:2;grid-row:1 / 4;border:1px solid #d9dfd3;border-radius:24px;padding:30px;background:#fdfdf8;display:flex;flex-direction:column;min-width:0}.agenda-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.agenda-heading>svg{width:30px;height:30px;color:#5c715c}.agenda h2{font-size:clamp(24px,2.4vw,38px);letter-spacing:-1.2px;margin-top:10px;line-height:1.15}.agenda-subtitle{font-size:13px;color:#687768;margin-top:12px;padding-bottom:24px}.event-list{flex:1}.event-row{display:grid;grid-template-columns:84px minmax(0,1fr);gap:20px;padding:25px 0;border-top:1px solid #e0e5d9}.event-when{display:flex;flex-direction:column;gap:7px}.event-when>span{font-size:12px;color:#62705e;text-transform:capitalize}.event-when strong{font-size:22px;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.event-when small{font-size:11px;color:#63725f}.event-type{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#65765f}.event-detail h3{font-size:clamp(17px,1.55vw,24px);font-weight:650;letter-spacing:-.35px;line-height:1.3;margin:7px 0 12px;overflow-wrap:anywhere}.entry-label{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#6a583e}.entry-label svg{width:13px;height:13px}.entry-open{color:#32643d}.agenda-bottom{border-top:1px solid #e0e5d9;padding-top:18px;font-size:11px;color:#667661;display:flex;justify-content:space-between;align-items:center;gap:8px}.agenda-bottom>span{display:flex;align-items:center;gap:7px}.agenda-bottom svg{width:15px;height:15px}.pagination{display:flex;gap:7px}.pagination button{border:1px solid #d6dfcd;border-radius:8px;color:#364f36;padding:7px 10px;background:transparent;min-height:36px;min-width:36px}.visitor-note{grid-column:1;grid-row:3;display:flex;align-items:center;gap:13px;padding:0 4px;color:#60705f}.visitor-note p{font-size:13px;line-height:1.6}.visitor-note strong{display:block;color:#344d39;font-weight:650}.visitor-note svg{width:22px;height:22px}.empty{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;color:#61705e;padding:24px 0}.empty svg{width:36px;height:36px}.empty h3{font-size:20px;color:#344d39}.empty p{font-size:14px;line-height:1.6;max-width:280px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d8ded2;padding:19px 0 24px;font-size:11px;color:#60715d;line-height:1.5}.footer-divider{padding:0 12px;color:#a0ad96}.connection{display:flex;align-items:center;gap:7px}.connection .dot{background:#648050}.connection.disconnected .dot{background:#99602d}@media (min-width:1600px){.dashboard{padding:48px 0;gap:34px 50px}.agenda{padding:42px}.event-row{padding:36px 0;grid-template-columns:110px 1fr}.event-when strong{font-size:29px}.brand strong{font-size:48px}.brand-caption,.eyebrow,.status-tag{font-size:13px}.visitor-note p,.agenda-subtitle{font-size:16px}.entry-label,.agenda-bottom,footer{font-size:14px}.clock time{font-size:60px}.clock>span{font-size:17px}}@media (max-width:1000px){.dashboard{column-gap:24px}.agenda{padding:24px}.event-row{gap:12px;grid-template-columns:70px 1fr}.status-panel h2{font-size:44px}.remaining{margin-left:0;flex-basis:100%;margin-top:5px}.current-label{flex-wrap:wrap}}@media (max-width:760px){.kiosk{padding:0 24px}.topbar{padding:24px 0}.brand strong{font-size:32px}.brand-symbol{width:48px;height:48px;border-radius:13px}.brand-caption{font-size:8px;letter-spacing:1.3px}.clock time{font-size:36px}.clock>span{font-size:11px;max-width:160px}.dashboard{grid-template-columns:1fr;gap:24px;padding:26px 0}.welcome{grid-column:1;grid-row:1}.welcome h1{font-size:34px}.welcome h1 br{display:none}.welcome p{font-size:14px}.status-panel{grid-row:2}.agenda{grid-column:1;grid-row:4}.visitor-note{grid-row:3}.status-panel h2{font-size:48px}.event-row{grid-template-columns:85px 1fr;padding:22px 0}.event-detail h3{font-size:20px}.current-event h3{font-size:26px}.agenda h2{font-size:29px}.remaining{flex-basis:auto;margin-left:auto;margin-top:0}footer{flex-wrap:wrap;gap:7px;font-size:10px}}@media (max-width:420px){.kiosk{padding:0 18px}.brand{gap:8px}.brand-symbol{width:38px;height:42px}.brand-symbol svg{width:27px}.brand strong{font-size:28px}.clock time{font-size:30px}.clock>span{max-width:125px;font-size:10px}.status-panel{padding:24px}.status-panel h2{font-size:40px}.status-tag{font-size:9px}.agenda{padding:22px}.agenda h2{font-size:26px}.event-row{grid-template-columns:65px 1fr}.event-detail h3{font-size:18px}.remaining{flex-basis:100%;margin-left:0}.welcome h1{font-size:30px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.brand-symbol{background:transparent}.brand-symbol img{width:100%;height:100%;object-fit:contain}:root{font-family:Inter,Avenir Next,Segoe UI,Arial,sans-serif;color:#243d37;background:#f5f4ed;font-synthesis:none;-webkit-font-smoothing:antialiased;font-weight:400}*{box-sizing:border-box}body{margin:0}button{font:inherit}button:focus-visible{outline:3px solid #247868;outline-offset:4px}svg{width:24px;height:24px;flex-shrink:0}h1,h2,h3,p{margin:0}button{cursor:pointer}button:hover{background:#e1e9e1}::selection{background:#d4e9bd}