.bottom-nav{width:100%;max-width:600px;height:var(--nav-height);background:var(--card);border-top:1px solid var(--border);z-index:50;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:0;left:0}.nav-item{color:var(--muted-foreground);flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;transition:color .2s;display:flex}.nav-item.active{color:var(--primary)}.nav-icon{margin-bottom:4px}.nav-label{font-size:.7rem;font-weight:500}
.app-header{height:var(--header-height);background-color:var(--background);border-bottom:1px solid var(--border);top:var(--test-banner-height,0);z-index:40;justify-content:space-between;align-items:center;padding:0 .75rem;display:flex;position:sticky}.header-left,.header-right{align-items:center;min-width:60px;display:flex}.header-right{justify-content:flex-end}.header-title{color:var(--foreground);margin:0;font-size:1rem;font-weight:600}.header-back-btn{width:36px;height:36px;color:var(--foreground);border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.header-back-btn:hover{background-color:var(--muted)}.header-profile-btn{background-color:var(--muted);width:36px;height:36px;color:var(--muted-foreground);border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.header-profile-btn:hover{background-color:var(--border)}.header-login-btn{color:var(--primary);border-radius:var(--radius);border:1px solid var(--primary);padding:.35rem .75rem;font-size:.8rem;font-weight:500;transition:background-color .15s}.header-login-btn:hover{background-color:var(--primary);color:var(--primary-foreground)}