.topbar{z-index:100;height:var(--topbar-h);padding:0 16px;padding-top:var(--safe-top);background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar-left{flex-direction:column;gap:2px;min-width:0;display:flex}.topbar-hotel-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.topbar-hotel-btn{cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;gap:4px;padding:0;display:flex}.topbar-date{color:var(--color-text-muted);text-transform:capitalize;font-size:12px}.topbar-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.topbar-role-badge{background:var(--color-accent-soft);color:var(--color-accent);border-radius:20px;padding:3px 8px;font-size:11px;font-weight:500}.topbar-signout{width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.topbar-signout:hover{background:var(--color-surface2);color:var(--color-text)}.bottom-nav{z-index:100;height:calc(var(--bottomnav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--color-surface);border-top:1px solid var(--color-border);align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000000f}.bottom-nav-item{color:var(--color-text-muted);-webkit-tap-highlight-color:transparent;background:0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;text-decoration:none;transition:color .15s;display:flex;position:relative}.bottom-nav-item--active{color:var(--color-accent)}.bottom-nav-item--active:before{content:"";background:var(--color-accent);border-radius:0 0 2px 2px;height:2px;position:absolute;top:0;left:25%;right:25%}.bottom-nav-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.bottom-nav-label{font-size:11px;font-weight:500}:root{--topbar-h:56px;--bottomnav-h:64px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}.app-shell{background:var(--color-bg);flex-direction:column;min-height:100dvh;display:flex}.app-main{padding-bottom:calc(var(--bottomnav-h) + var(--safe-bottom) + 8px);-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}:root{--color-bg:#f5f6f8;--color-surface:#fff;--color-surface2:#f0f1f4;--color-border:#e2e5ec;--color-border2:#cdd1db;--color-text:#1a1d26;--color-text-muted:#6b7080;--color-text-dim:#a0a8b8;--color-accent:#1a1d26;--color-accent-soft:#1a1d2614;--color-green:#2ec87a;--color-green-soft:#2ec87a1f;--color-red:#e84040;--color-red-soft:#e840401f;--color-amber:#f0a500;--color-amber-soft:#f0a5001f;--color-blue:#3a9ff0;--color-blue-soft:#3a9ff01f;--color-purple:#9b6fff;--color-purple-soft:#9b6fff1f;--radius-sm:6px;--radius:12px;--radius-lg:18px;--font-body:system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}button{font-family:inherit}input,textarea,select{font-family:inherit;font-size:16px}a{color:inherit}