:root{color:#18343d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f8f9;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #187f78}#root{min-height:100vh}.app{background:#f5f8f9;min-height:100vh}.main{width:100%;max-width:650px;margin:0 auto;padding:22px 18px 110px}.header{border-bottom:1px solid #e0e8eb;justify-content:space-between;align-items:center;gap:12px;padding-bottom:20px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.hotel-logo{object-fit:contain;width:100px;height:57px}.brand-text{flex-direction:column;gap:3px;display:flex}.brand-text strong{letter-spacing:-.5px;font-size:21px}.brand-text span{color:#71858f;font-size:12px}.profile-button{color:#187f78;cursor:pointer;background:#fff;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:45px;height:45px;display:grid}.welcome h1{letter-spacing:-.6px;margin:0 0 8px;font-size:clamp(23px,6vw,30px);line-height:1.25}.welcome p{color:#71858f;margin:0;font-size:15px}.actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:17px;display:grid}.action-card{text-align:left;cursor:pointer;color:#18343d;background:#fff;border:1px solid #eaf0f1;border-radius:18px;flex-direction:column;align-items:flex-start;gap:7px;min-height:158px;padding:17px 14px;display:flex}.action-card:active,.info-card:active{transform:scale(.985)}.action-icon{border-radius:13px;place-items:center;width:49px;height:49px;margin-bottom:10px;display:grid}.green{color:#187f78;background:#e2f4ed}.blue{color:#3974b3;background:#e5effb}.purple{color:#7162a9;background:#eeebfa}.gray{color:#526c78;background:#edf1f3}.orange{color:#b87436;background:#fff0df}.action-subtitle{color:#71858f;font-size:12px;line-height:1.35}.info-card{text-align:left;color:#18343d;cursor:pointer;background:#fff;border:1px solid #eaf0f1;border-radius:17px;align-items:center;gap:12px;width:100%;margin-bottom:12px;padding:17px 14px;display:flex}.info-icon{border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.info-content{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.info-content strong{font-size:15px}.info-content small{color:#71858f;font-size:12px}.count{color:#a45f26;background:#fff0df;border-radius:30px;padding:5px 10px;font-size:13px;font-weight:700}.chevron{color:#9aabb1;flex-shrink:0}.bottom-nav{padding:11px 6px max(13px, env(safe-area-inset-bottom));z-index:10;background:#fff;border-top:1px solid #e6edef;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:#8c9ba3;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:5px;font-size:11px;display:flex}.nav-item.active{color:#187f78;font-weight:700}.notice{color:#185f59;background:#e2f4ed;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:15px;font-size:13px;line-height:1.5;display:flex}.notice button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:25px}@media (width<=350px){.main{padding-left:12px;padding-right:12px}.actions{gap:9px}.action-card{padding:13px 10px}.action-card strong{font-size:14px}.hotel-logo{width:80px}}.main{padding-top:15px}.header{padding-bottom:12px}.hotel-logo{width:88px;height:52px}.welcome{padding:18px 0 16px}.welcome h1{margin-bottom:5px;font-size:24px}.welcome p{font-size:14px}.actions{gap:10px;margin-bottom:12px}.action-card{gap:7px;min-height:112px;padding:13px}.action-icon{border-radius:10px;width:38px;height:38px;margin-bottom:2px}.action-icon svg{width:23px;height:23px}.action-card strong{font-size:15px}.action-subtitle{display:none}.info-card{margin-bottom:10px;padding:12px 13px}.important-card{background:#fff5e8;border-color:#f4d8b1;margin-bottom:14px}.important-card .info-content strong,.important-card .info-content small{color:#80501e}@media (width<=350px){.action-card{min-height:105px;padding:11px}}.action-card,.info-card,.brand-text{min-width:0}.action-card strong,.info-content,.brand-text{overflow-wrap:anywhere}@media (width>=600px) and (width<=1023px){.main{max-width:900px;padding:24px 30px 120px}.header{padding-bottom:20px}.hotel-logo{width:110px;height:65px}.welcome{padding:25px 0 22px}.actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.action-card{min-height:145px;padding:18px}.action-icon{width:49px;height:49px}.action-card strong{font-size:16px}.info-card{padding:17px 20px}}@media (width>=1024px){.app{padding-left:230px}.main{max-width:1200px;padding:40px 50px 80px}.header{padding-bottom:24px}.hotel-logo{width:120px;height:70px}.welcome{padding:36px 0 30px}.welcome h1{font-size:32px}.welcome p{font-size:17px}.actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:24px}.action-card{min-height:175px;padding:24px;transition:transform .15s,box-shadow .15s}.action-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #18343d14}.action-icon{width:56px;height:56px;margin-bottom:14px}.action-card strong{font-size:19px}.info-card{max-width:800px;padding:22px 24px}.bottom-nav{border-top:none;border-right:1px solid #e6edef;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;width:230px;height:100vh;padding:36px 15px;top:0;bottom:0;right:auto}.nav-item{text-align:left;border-radius:12px;flex-direction:row;flex:none;justify-content:flex-start;gap:14px;padding:16px;font-size:15px}.nav-item.active{background:#e2f4ed}}@media (height<=450px) and (orientation:landscape){.bottom-nav{padding-top:6px;padding-bottom:6px}.main{padding-top:10px}.welcome{padding-top:12px;padding-bottom:12px}}@media (width<=599px){.action-card{height:auto;min-height:112px}.action-card strong{line-height:1.35}.info-card{min-height:65px}}@media (width<=1023px) and (height<=450px) and (orientation:landscape){.app{padding-left:76px}.main{padding-bottom:24px}.bottom-nav{border-top:none;border-right:1px solid #e6edef;flex-direction:column;justify-content:center;gap:8px;width:76px;height:100dvh;padding:8px 4px;display:flex;position:fixed;inset:0 auto 0 0}.nav-item{flex-direction:column;flex:none;gap:4px;width:100%;min-width:0;padding:8px 2px;font-size:10px}}