.main-layout{background:0 0;flex-direction:column;height:100vh;display:flex}.content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.bottom-nav{background:var(--surface-color);z-index:50;padding-bottom:env(safe-area-inset-bottom);height:calc(60px + env(safe-area-inset-bottom));justify-content:space-around;align-items:center;display:flex;box-shadow:0 -4px 20px #0000000d}.nav-item{color:var(--text-secondary);border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;max-width:120px;padding:6px 8px;text-decoration:none;transition:all .2s;display:flex}.nav-item.active{color:var(--primary-color);background-color:#2563eb1a}.nav-item--disabled{opacity:.4;color:var(--text-secondary);pointer-events:none;cursor:not-allowed;background:0 0!important}.nav-label{font-size:.7rem;font-weight:600}